1. 程式人生 > >IE,火狐,谷歌之間差異

IE,火狐,谷歌之間差異

1、獲取HTML標籤屬性值的不同
IE可以直接標籤名.屬性名獲取
其他兩種只能用getAttribute或者jQuery方法獲取


2、頁面整體div居中
IE只需要body設定text-align:center即可,其他兩種必須還要在div上設定margin:0px auto;


3、event全域性物件
IE和谷歌直接呼叫event代表事件,火狐則不同,沒有全域性物件,不過可以模擬,另外也可以通過arguments.callee.caller.arguments[0]獲取事件


4、文字截斷
 display:block;
 overflow:hidden;   
 text-overflow:ellipsis;
 -moz-binding: url('ellipsis.xml#ellipsis');
 white-space:nowrap;
谷歌和火狐是在塊元素上其作用,所以對於非div需要設定為塊元素,IE則不需要上面高亮部分的內容


5、火狐和谷歌對於沒有任何html元素的jsp頁面會有問題


6、ID與name屬性
IE中,如果沒有id,則name可代表id,但是其他兩種不行


7、關於屬性值為null的判斷
IE會在呼叫時自動判斷,所以即使變數為null,但是沒判定直接呼叫變數的方法不會報錯
其他兩種必須進行為null判定


8、IE的id讀取方法有多種方法
谷歌和火狐不認window.frames("catSelFrm").location
火狐不認document.all(實際上谷歌也不認,但是奇怪的是谷歌使用document.all後正常,可能是內容作了相容處理)


9、.style.left(top)
IE可以寫數字,但是谷歌和火狐必須是數字加上"px"