IE相容性彙總

2021-07-04 10:55:21 字數 1078 閱讀 1818

平時測試過的一些常見的,以後遇到相容性問題還會持續更新

一、js相關

1.ie7及以下不支援對字串用下標檢索,

例如:var s='abc';

console.log(s[0]);//在ie7及以下瀏覽器下結果是undefined

解決辦法是用charat進行檢索

console.log(s.chatat(0));//結果是a

2.事件繫結

ie8及以下不支援addeventlistener進行事件繫結,而是用attachevent進行事件繫結。但是,ie9及以上版本就開始支援addeventlistener進行事件繫結了。

既然談到事件繫結,就說一下addeventlistener和attachevent的區別

(1)前者 是dom2級事件,在ie9及以上瀏覽器、火狐、谷歌等支援;後者只在ie8及以下瀏覽器中支援。

(2)兩者的引數個數及表現形式有所不同

addeventlistener('click',function(){},false);  //第三個引數如果為true表示在捕獲階段呼叫事件處理程式,為false則表示在冒泡階段呼叫事件處理程式

attachevent('onclick',function(){}); //第乙個引數事件名一定要加'on'

(3)前者會在所屬元素的作用域內執行,即this指向所繫結的元素;後者會在全域性作用域中執行,即this指向window

(4)兩者執行的順序不一樣

當同一元素繫結多個事件處理程式時,前者會按繫結順序從上到下按順序執行,而後者執行順序剛好相反。

二、css相關

1.ie6下,對block元素設定margin-left:auto;margin-right:auto;起不到居中的效果。

2.盒子模型,ie盒子模型width包括內容的width、padding的width、border的width。但標準盒子模型width僅包括內容的width。

3.ie6不支援min-height和min-width,max-width和max-height

4.ie8及以下不支援opacity

5.ie6不支援子選擇器方法

如ul>li是不起作用的

CSS相容性彙總

css屬性hack 把屬性hack分為 字首屬性hack和 字尾屬性hack css屬性hack 字首 針對的瀏覽器 color red ie6及其以下的版本 color red 或者 color red ie7及其以下的版本 css屬性hack 字尾 針對的瀏覽器 color red 9 ie6 ...

IE相容性處理例項

剛剛處理了兩個小問題 1 在js中沒有宣告的變數直接使用,ie會報錯。policy id trim policy id val 會有問題 var main id trim mainkey val 2 在ie環境下,如果物件不存在 沒有例項化物件 或者例項的某個屬性不存在,在判斷或使用這個例項和屬性時...

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...