1. scrolltop
1. chrome
document.body.scrolltop
2. ie && firefox
document.documentelement.scrolltop
2. 阻止事件預設行為
1. 繫結事件
1. 主流瀏覽器 e.preventdefault();
2. 低版本 ie e.returnvalue = false;
2. 沒有繫結事件
return false;
3. 事件繫結 ps:事件繫結後 return false 不能阻止預設行為
1. 主流瀏覽器
obj.addeventlistener('click', function () {}, false);
2. 低版本 ie
obj.attachevent('onclick', function () {});
4. js 拖拽時 選中文字
1. 主流瀏覽器
return false;
2. 低版本 ie
1. 捕獲 obj.setcapture();
2. 釋放 obj.releasecapture();
5. 事件 - 滾輪
1. firefox
obj.addeventlistener('dommousescroll', function (e) , false);
2. chrome && ie
obj.onmousewheel = function (e) ;
2. 低版本 ie 10-
input.onpropertychange = function () {};
7. 獲取 html 元素的 css 樣式 ps:css樣式表裡的樣式
1. 主流瀏覽器
getcomputedstyle(obj, false)['屬性名'];
2. 低版本 ie
obj.currentstyle['屬性名'];
8. 事件物件 event
1. 事件源
// chrome && ie
e.srcelement
// firefox
e.target
2. 從哪來的 (結合 mouseover事件)
// chrome && ie
e.fromelement
// firefox
e.relatedtarget
3. 要去** (結合 mouseout事件)
// chrome && ie
e.toelement
// firefox
e.relatedtarget
9. 元素節點
1. （同級中）下乙個元素節點 (沒有下乙個元素節點 返回null)
// chrome && firefox
nextelementsibling
// 低版本 ie
nextsibling
2. （同級中）上乙個元素節點 (沒有上乙個元素節點 返回null)
// chrome && firefox
previouselementsibling
// 低版本 ie
previoussibling
3. （父級）裡面首個子元素
// chrome && firefox
firstelementchild
// 低版本 ie
firstchild
4. （父級）裡面最後乙個子元素
// chrome && firefox
lastelementchild
// 低版本 ie
lastchild
相容Arc寫法
在最新版的xcode的iphone開發中，新增了objective c automatic reference count 功能，自動管理指標物件的記憶體管理，無需專門寫相應物件宣告autorelease，retain物件的釋放等等。arc forbids explicit message send...
js相容寫法
新增事件方法 addhandler function element,type,handler elseif element.attachevent else 移除之前新增的事件方法 removehandler function element,type,handler elseif element...
透明相容寫法
針對ie透明寫法 ms filter progid dximagetransform.microsoft.alpha opacity 50 filter alpha opacity 50 opacity透明相容所有瀏覽器寫法 若有背景色background color與文字內容存在情況下，應用下面樣...