javascript
JavaScript的理解记录(6)
---接上篇:
四、CSS相關(guān):
? 1、CSS不支持注釋// 支持注釋/* */
2、 幾種瀏覽器廠商前綴: Firefox : -moz-; ? ?Chrome:-webkit- ; ? ? ?IE:-ms-
3、 如果元素使用絕對(duì)定位position:absolute 那么它的定位相對(duì)于最近的定位祖先元素(position的屬性不是static);
4、 position默認(rèn)屬性是static:按照常規(guī)文檔內(nèi)容流定位,不能使用top,left等屬性定位;
? ? ? ?5、fiexd:相對(duì)于瀏覽器窗口;relative:按照常規(guī)的文檔流進(jìn)行布局;
? ? ? ?6、padding和margin的順序是:上 右 下 左;
五、事件:
一、事件分類(lèi):
1、表單事件:submit reset click change(input,textiput) focus blur事件等;
2、Window事件:
load:文檔等完全加載并顯示給用戶(hù)時(shí)就會(huì)觸發(fā)它;
unload和beforeunload: 用戶(hù)離開(kāi)當(dāng)前文檔轉(zhuǎn)向其他文檔(和轉(zhuǎn)向之前)時(shí)觸發(fā);
focus和blur:瀏覽器窗口從操作系統(tǒng)獲取或失去鍵盤(pán)焦點(diǎn)時(shí)觸發(fā);
resize和scroll:窗口調(diào)整大小和發(fā)生滾動(dòng)時(shí)觸發(fā);
? 3、鼠標(biāo)事件:mousemove mousedown mouseup mouseover mouseout mousewheel click dbclick;
? 4、鍵盤(pán)事件:keydown keyup keypress;
二、事件處理程序注冊(cè):
1、設(shè)置JavaScript對(duì)象的屬性:on-事件名 全部是小寫(xiě),例如:window.οnlοad=function(){};
2、設(shè)置HTML標(biāo)簽屬性:on-事件名 都是小寫(xiě),例如:<button οnclick=''></button>
3、addEventListener()與removeEventListener(): IE8及之前版本不支持
三個(gè)參數(shù):1、事件類(lèi)型字符串,不包括'on'; 2、事件處理函數(shù);3、布爾值,通常是false; 如下:
<script>var b =document.getElementById('btn');b.onclick = function(){};b.addEventListener('click',function(){},false); </script>?4、attachEvent()和detachEvent():IE8及以下版本支持
兩個(gè)參數(shù):1、事件類(lèi)型字符串,包括'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); }
?
轉(zhuǎn)載于:https://www.cnblogs.com/liangblog/p/5982448.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript的理解记录(6)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Nginx安装,Nginx静态缓存,Ng
- 下一篇: Java序列化接口的作用总结