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);
}

        

上一篇:MYSQL常用函数(系统信息函数)


下一篇:微软Dynamics 使用葡萄城的Wijmo 5提供移动端用户界面选择