JavaScript05

一、操作内联样式

元素.style.样式名 = 样式值
css中样式名中含有-的，在js中使用驼峰命名法。如background-color=backgroundColor
我们通过style属性设置的均为内联样式，具有较高的优先级
但是如果在样式中写了！important，则此时样式会有最高的优先级

二、获取元素当前样式

元素.currentStyle.样式名

读取当前元素正在显示的样式
只有ie浏览器支持，其他浏览器都不支持

其他浏览器中使用getComputedStyle()来获取元素的当前样式
getComputedStyle(元素，null) ,返回一个对象

三、事件对象

1. 鼠标移动事件
   onmousemove();

2. 当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数 event
   event = event || window.event; //解决兼容问题

3. event.clientX; // 获取鼠标在当前可见窗口的水平坐标

   event.clientY; //获取鼠标在当前可见窗口的垂直坐标

4. event.pageX; //获取鼠标在当前页面的水平坐标
event.page.Y; //获取鼠标在当前页面的垂直坐标

5. event.target; //触发事件的对象

6. 事件的冒泡
   所谓冒泡是指事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发
   可以通过事件对象取消冒泡event.cancelBubble = true;

7. 事件的委派
   将事件同意绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。

8. 事件的绑定
   addEvenListener(); //为元素绑定响应函数
   事件的字符串，回调函数，false

9. 事件的传播