JavaScript:

• 概念 :一门客户端脚本语言
  • 运行在客户端浏览器中的,每一个浏览器都有一个JavaScript的解析引擎
  • 脚本语言:不需要编译,直接就可以被浏览器解析执行了
• 功能:
  • 可以用来增强用户和html页面的交互过程,用来控制html元素,让页面有一些动态效果,增强用户的体验
• JavaScrpit=ECMAScript+JavaScript(BOM+DOM);
• ECMAScript:客户端脚本语言的标准
  1. 基本语法:
     1. 与html结合方式
        1. 内部js:
           • 定于 ```
           • 使用className
             html <script> var div1 = document.getElementById("div1"); div1.onclick = function() { div1.className="d1"; } </script>
• 事件监听机制
  1. 概念:某些组件被执行了某些操作后,触发了某些代码的执行
     1. 事件:某些操作.如单击,双击,鼠标移动,键盘按下
     2. 事件源:组件,如按钮,文本输入框
     3. 监听器:代码
     4. 注册监听:将事件,事件源,监听器结合在一起,当事件源发生了某个事件,则触发执行某个监听器代码
  2. 常见事件:
     1. 点击事件:
        1. onclick当用户点击某个对象时调用的事件句柄。
        2. ondblclick当用户双击某个对象时调用的事件句柄。
     2. 焦点事件:表单校验
        1. onfocus元素获得焦点
        2. onblur元素失去焦点。
     3. 加载事件,window body
        1. onload一张页面或一幅图像完成加载
     4. 鼠标事件(定义方法时,定义一个形参,接受event对象,event对象的button属性可以获取鼠标按钮的键值)
        1. onmousedown鼠标按钮被按下
        2. onmousemove鼠标被移动。
        3. onmouseout鼠标从某元素移开。
        4. onmouseover鼠标移到某元素之上。
        5. onmouseup鼠标按键被松开。
     5. 键盘事件(定义方法时,定义一个形参,接受event对象,event对象的button属性可以获取鼠标按钮的键值)
        1. onkeydown某个键盘按键被按下。
        2. onkeypress某个键盘按键被按下并松开。
        3. onkeyup某个键盘按键被松开。
     6. 选择和改变:
        1. onselect文本被选中。
        2. onchange域的内容被改变。
           1. 表单事件
        3. onsubmit确认按钮被点击。
           1. 表单校验:判断表单是否提交
           2. return false;
        4. onreset重置按钮被点击。