var _e = e || window.event;
_e.preventDefault(); 阻止默认行为
_e.stopPropagation();== 停止冒泡传播
事件委托
e.target || e.srcElement;
e.target.nodeName //获取事件触发元素标签名（li,p...）
e.target.id //获取事件触发元素id名
e.target.className //获取事件触发元素class名
e.target.innerHTML //获取事件触发元素的内容（li）
等。。。
获取浏览器视窗大小
var width =
document.documentElement.clientWidth ||
document.body.clientWidth || window.innerWidth;
var height =
document.documentElement.clientHeight ||
document.body.clientHeight || window.innerHeight;
页面被滚动的距离兼容写法 document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset
document.documentElement.scrollTop这个改变页面距离比较好使
元素被元素被滚动的距离的写法 scrollTo(x,y)滚动到 scrollTop scrollLeft ·······获取距离 （获取元素在整个页面被滚动的距离：页面滚动距离 - 元素距顶部的距离 .offsetTop）(此时元素的距离要在window.onload先获取到)
1、onmouseover、onmouseout：鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有）
2、onmouseenter、onmouseleave：鼠标经过时自身触发事件，经过其子元素时不触发该事件。（父亲的东西就是父亲的，不归儿子所有）
这四个事件两两配对使用，onmouseover、onmouseout一对，onmouseenter、onmouseleave一对，不能混合使用。
3.onmousedown 鼠标按键按下事件
4.onmouseup 鼠标按钮弹起事件
5onmousemove,鼠标移动事件
鼠标事件 - 获取鼠标的位置
*
事件对象.clientX / 事件对象.clientY 参照是==浏览器== IE事件和标准事件都支持
* 事件对象.pageX / 事件对象.pageY 参照是==文档==IE事件不支持和标准事件支持
* 事件对象.offsetX / 事件对象.offsetY 参照是==当前的元素==IE事件和标准事件都支持
* 事件对象.screenX/ 事件对象screenY 参照是== 显示器屏幕==IE事件和标准事件都支持
获取元素位置
* 事件对象.offsetX / 事件对象.offsetY 参照是==父元素==IE事件和标准事件都支持
*
事件对象.offsetLeft 元素相对于父元素的left
* 事件对象.offsetTop 元素相对于父元素的top
* 事件对象.offsetWidth 元素的宽度(width+padding+boeder 常用)
* 事件对象.offset.clientWidth 获取的元素的宽度(width+padding)
* 事件对象.offset.clientHeight 获取的元素的高度(width+padding)
节点操作 (一般用元素， 节点包括文档.元素.文本.注释.属性)
* .parentNode 返回他的父级元素
* .nextSbiling 他的下一个兄弟节点
* .previousSbiling 他的上一个兄弟节点
* .firstChild 他的第一个节点
* 父元素.firstElementChild 他的第一个元素
* 父元素.lastChild 他的最后一个节点
* 父元素.lastElementChild 他的最后一个元素
* .children; 获取的子节点仅仅包含元素
* .childNodes; 获取的子节点包含文本和元素(不常用)
* .offsetParent 返回他的上级元素， 如果CSS定位则返回他的相对父元素(按定位关系)
* document.createElement('创建的节点');
* 父元素.appendChild(添加的子元素);
* 父元素.removeChild(删除子元素)；
* 父节点.replaceChild(替换的节点,旧的子节点)；
* 元素.cloneNode(true或false); 返回一份新的克隆后的元素
打开新的浏览器
1.location.href = 'http://baidu.com'
2.window.open('http://www.baidu.com')
注意
1 一个页面只能有一个onscroll 和 onload 事件 需要用多个的话可以用addEventListener事件监听器
2获取一个元素在整个页面被滚动的距离：页面滚动距离 - 元素距顶部的距（此时元素的距离要在window.onload先获取到）
网友评论