JavaScript的理解记录（6）

---接上篇：

四、CSS相关：

　　1、CSS不支持注释// 支持注释/* */

　　 2、 几种浏览器厂商前缀： Firefox : -moz-;    Chrome:-webkit- ;      IE:-ms-

　　 3、 如果元素使用绝对定位position:absolute 那么它的定位相对于最近的定位祖先元素(position的属性不是static)；

　　 4、 position默认属性是static:按照常规文档内容流定位，不能使用top,left等属性定位；

5、fiexd：相对于浏览器窗口；relative:按照常规的文档流进行布局；

6、padding和margin的顺序是：上 右 下 左；

五、事件：

　　 一、事件分类：

　　　　　1、表单事件：submit reset click change(input，textiput) focus blur事件等；

　　　　　2、Window事件：

　　　　　　　　load:文档等完全加载并显示给用户时就会触发它；

　　　　　　　　unload和beforeunload: 用户离开当前文档转向其他文档(和转向之前)时触发；

　　　　　　　　focus和blur:浏览器窗口从操作系统获取或失去键盘焦点时触发；

　　　　　　　　resize和scroll：窗口调整大小和发生滚动时触发；

　　　　   3、鼠标事件：mousemove mousedown mouseup mouseover mouseout mousewheel click dbclick;

　　　　   4、键盘事件：keydown keyup keypress;

　　二、事件处理程序注册：

　　　　　1、设置JavaScript对象的属性：on-事件名 全部是小写，例如：window.onload=function(){};

　　　　　2、设置HTML标签属性：on-事件名 都是小写，例如：<button onclick=''></button>

　　　　　3、addEventListener()与removeEventListener(): IE8及之前版本不支持

　　　　　　　　三个参数：1、事件类型字符串，不包括'on'; 2、事件处理函数；3、布尔值，通常是false; 如下：　　　　　　

<script>
    　　　var b =document.getElementById('btn');
    　　　b.onclick = function(){};
    　　   b.addEventListener('click',function(){},false);
</script>    

　　　　  4、attachEvent()和detachEvent():IE8及以下版本支持

　　　　　　　　两个参数：1、事件类型字符串，包括'on' ;2、事件处理程序； 例如：　　　　　　

var b = document.getElementById('btn');
var ctrl = function(){};
if(b.addEcentListener){
    b.addEventListener('click',ctrl,false);
}else if(b.attachEvent){
    b.attachEvent('onclick',ctrl);
}