IE,火狐,谷歌之間差異

2021-07-14 03:37:15 字數 910 閱讀 7374

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"

ie8和谷歌 火狐相容方法

1.元素繫結bobj.attachevent onclick hi ie8中支援 addeventlistener click hi ie8不支援2.標籤文字設定 textcontent ie8不支援 innertext 都支援3.元素樣式獲取 window.getcomputedstyle box...

相容IE 9 10 11,火狐 ,谷歌的時間外掛程式

相容ie 9 10 11,火狐 谷歌的時間外掛程式,只需要匯入wdatepicker.js檔案。在inputtext控制項的onclick事件加入 nclick wdatepicker 這段 就就可以了。實例如圖 html 如下 不需要再額外寫js 結束時間 注意 這裡會遇到問題 ie 解決辦法 開...

IE 火狐 谷歌的一些不同之處

1 獲取html標籤屬性值的不同 ie可以直接標籤名.屬性名獲取 其他兩種只能用getattribute或者jquery方法獲取 2 頁面整體div居中 ie只需要body設定text align center即可,其他兩種必須還要在div上設定margin 0px auto 3 event全域性物...