javascript
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.οnlοad=function(){};
2、設置HTML標簽屬性:on-事件名 都是小寫,例如:<button οnclick=''></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); }
?
轉載于:https://www.cnblogs.com/liangblog/p/5982448.html
總結
以上是生活随笔為你收集整理的JavaScript的理解记录(6)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Nginx安装,Nginx静态缓存,Ng
- 下一篇: gradle idea java ssm