JavaScript常見相容

2021-09-09 09:16:10 字數 1309 閱讀 7700

// 1.滾動條到頂端的距離(滾動高度)

var scrolltop = document.documentelement.scrolltop || document.body.scrolltop;
// 2.滾動條到左端的距離

var scrollleft = document.documentelement.scrollleft || document.body.scrollleft;
//3. ie9以下byclassname

function byclassname(obj,classname)else

} return arr; //返回

}}

//4. 獲取非行內樣式相容

function getstyle(obj,attr)
//5. 獲取事件物件的相容

evt = evt || window.event
//6. 獲取滑鼠編碼值的相容

function getbutton(evt)else if(window.event)

}}

//7. 獲取鍵盤按鍵編碼值的相容

var key = evt.keycode || evt.charcode || evt.which;
//8. 阻止事件冒泡的相容

e.stoppropagation ? e.stoppropagation() : e.cancelbubble = true;
//9. 阻止超連結的預設行為的相容

evt.preventdefault ? evt.preventdefault() : evt.returnvalue = false;
//10. 新增事件***的相容

function addeventlistener(obj,event,fn,boo)else if(obj.attachevent)

}

//11. 移除事件***的相容

function removeeventlistener(obj,event,fn,boo)else if(obj.detachevent)

}

//12. 獲取事件源的相容

var target = event.target || event.srcelement;

javascript 常見的相容性問題及解決辦法

處理innertext和textcontent function getinnertext element else 設定元素之間的內容 function setinnertext element,content else 處理firstelementchild的相容性 function getfi...

相容之CSS常見相容

1 雙倍浮動bug 描述 塊狀元素設定了float屬性後,又設定了橫向的margin值,在ie6下顯示的margin值要比設定的值大 解決方案 給float的元素新增 display inline 將其轉換為內聯元素 2 表單元素行高不一致 解決方案 給表單元素新增vertical align mi...

javaScript中一些常見的相容性問題整理

1.關於獲取行外樣式 currentstyle 和 getcomputedstyle 出現的相容性問題 我們都知道 js通過 style 不可以獲取行外樣式,當我們需要獲取行外樣式時 我們一般通過這兩個方法獲取行外樣式 ie下 currentstyle chrome,ff下 getcomputeds...