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  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