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

2021-06-11 18:43:53 字數 1043 閱讀 1119

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"

11、window.showmodaldialog

起源於ie,目前火狐完全支援,谷歌可以顯示對話方塊,但是不是模態的,仍然能在父視窗操作。safari完全不支援。

所以盡量不採用這個方法,可以用jquery的div外掛程式代替

IE和火狐中查詢節點的不同之處

獲取節點 var node document.getelementbyid nodeid 獲取父節點 var parentnode event.target.parentnode 從父節點找到第乙個子節點 ie與火狐存在區別 var firstnode parentnode.firstchild i...

比較IE6的不同之處,與IE8 IE11 比較

文件申明為 ie6或者ie特有的一些東西 1.盒子模型 ie6 使用 doctype 宣告指定 standards compliant 模式 margin left border left padding left width padding right border right margin ri...

比較IE6的不同之處,與IE8 IE11 比較

文件申明為 ie6或者ie特有的一些東西 1.盒子模型 ie6 使用 doctype 宣告指定 standards compliant 模式 margin left border left padding left width padding right border right margin ri...