zoukankan      html  css  js  c++  java
  • javaScript

          1、什么是javaScript?

    • javaScript 是基于对象(Object)和事件驱动的脚本语言。使用它的目的是与HTML(超文本标记语言)、java脚本语言一起实现在一个Web页面中链接多个对象,与Web 客户交互作用。

          2、javaScript 的特点

    •  基于对象:javaScript 是基于对象的脚本编程语言,能通过DOM(文档结构模型)及自身提供的对象和操作方法实现所需的功能
    • 事件驱动:1)鼠标事件  
    click:单击
    dblclick:双击
    mousedown:鼠标按下
    mouseup:鼠标抬起
    mouseover:鼠标悬浮
    mouseout:鼠标离开
    mousemove:鼠标移动
    mouseenter:鼠标进入
    mouseleave:鼠标离开
    <button onclick="myClick()">鼠标单击</button>
    <button ondblclick="myDBClick()">鼠标双击</button>
    <button onmousedown="myMouseDown()" onmouseup="myMouseUp()">鼠标按下和抬起</button>
    <button onmouseover="myMouseOver()" onmouseout="myMouseOut()">鼠标悬浮和离开</button>
    <button onmousemove="myMouseMove()">鼠标移动</button>
    <button onmouseenter="myMouseEnter()" onmouseleave="myMouseLeave()">鼠标进入和离开</button>
    <script>
        function myClick() {
            console.log("你单击了按钮!");
        }
        function myDBClick() {
            console.log("你双击了按钮!");
        }
        function myMouseDown() {
            console.log("鼠标按下了!");
        }
        function myMouseUp() {
            console.log("鼠标抬起了!");
        }
        function myMouseOver() {
            console.log("鼠标悬浮!");
        }
        function myMouseOut() {
            console.log("鼠标离开!")
        }
        function myMouseMove() {
            console.log("鼠标移动!")
        }
        function myMouseEnter() {
            console.log("鼠标进入!")
        }
        function myMouseLeave() {
            console.log("鼠标离开!")
        }

    2)键盘事件

    keydown:按键按下
    keyup:按键抬起
    keypress:按键按下抬起

    <body>
    <input id="name" type="text" onkeydown="myKeyDown(this.id)" onkeyup="myKeyUp(this.id)">
    </body>
    <script>
        /*输出输入的字符*/
        function myKeyDown(id) {
            console.log(document.getElementById(id).value);
        }
        /*按键结束,字体转换为大写*/
        function myKeyUp(id) {
            var text = document.getElementById(id).value;
            document.getElementById(id).value = text.toUpperCase();
        }
    </script>
    • 动态性:javaScript 提供简单高效的语言流程,灵活处理对象的方法和属性,同时响应文档页面事件,实现页面的交互性和动态性
    • 跨平台:JavaScript 脚本的正确运行依赖于浏览器,而与具体的操作系统无关。
    • 解释性语言
    • 实时性
    • 开发使用简单
    • 相对安全

    3、JavaScript和Java的区别

    • 基于对象和面向对象
    • 代码格式的不同

    4、javaScript 的基本数据类型

    • 数值(整数和实数)
    • 字符串类型(用“”或者‘’括起来的字符或者数值)
    • 布尔值类型(true或false表示)
    • 空值

    5、javaScript 的变量

    • 变量名必须使用以字母或下划线开始,其他部分可以使用数字、字母、美元和下划线构成
    • javaScript 变量名区分大小写,可使用驼峰式命名法:变量名以一个小写字母开始,后面的单词首字母大写没有空格。变量声明用关键字 var
  • 相关阅读:
    插入排序—希尔排序(Shell`s Sort)原理以及Java实现
    八大排序算法原理以及Java实现(直接插入排序)
    HTTP与HTTPS的区别
    TCP/IP详解学习笔记(4)-ICMP协议,ping和Traceroute【转】
    TCP/IP详解学习笔记(3)-IP协议,ARP协议,RARP协议【转】
    中介者模式-Mediator
    命令模式-command
    桥接模式-Bridge
    迭代器模式-Iterator
    组合模式-Composite
  • 原文地址:https://www.cnblogs.com/pan-pan309/p/12050816.html
Copyright © 2011-2022 走看看