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

            

  • 相关阅读:
    error LNK2019: 无法解析的外部符号 该符号在函数 中被引用 解决方案
    【OSG】运行OSG示例出现的奶牛不完整问题
    python 遍历文件夹
    python os操作
    python io操作
    python request 代理/超时/证书
    python tuple
    python dict
    python request post
    python request get
  • 原文地址:https://www.cnblogs.com/liangblog/p/5982448.html
Copyright © 2020-2023  润新知