Javascript多種瀏覽器兼容寫法分析第3/3頁
更新時間:2008年09月02日 00:44:44 作者:
隨著以Firefox為代表的第三方瀏覽器的興起,我們做的網(wǎng)站也不能再JUST IE了,如果把原來的一些javascript代碼放到IE以外的瀏覽器的話,往往都不能正常運行或出錯,所以這里介紹一下怎么改進我們的JS,讓它能更加規(guī)范,更加具有兼容性。
7. event.x 與 event.y 問題
(1)現(xiàn)有問題
在IE 中,event 對象有 x, y 屬性,MF中沒有。
(2)解決方法
在MF中,與event.x 等效的是 event.pageX。但event.pageX IE中沒有。
故采用 event.clientX 代替 event.x。在IE 中也有這個變量。
event.clientX 與 event.pageX 有微妙的差別(當整個頁面有滾動條的時候),不過大多數(shù)時候是等效的。
如果要完全一樣,可以稍麻煩些:
mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
(3)其它
event.layerX 在 IE 與 MF 中都有,具體意義有無差別尚未試驗。
8. 關(guān)于frame
(1)現(xiàn)有問題
在 IE中 可以用window.testFrame取得該frame,mf中不行
(2)解決方法
在frame的使用方面mf和ie的最主要的區(qū)別是:
如果在frame標簽中書寫了以下屬性:
<frame src="xx.htm" id="frameId" name="frameName" />
那么ie可以通過id或者name訪問這個frame對應的window對象
而mf只可以通過name來訪問這個frame對應的window對象
例如如果上述frame標簽寫在最上層的window里面的htm里面,那么可以這樣訪問
ie: window.top.frameId或者window.top.frameName來訪問這個window對象
mf: 只能這樣window.top.frameName來訪問這個window對象
另外,在mf和ie中都可以使用window.top.document.getElementById("frameId")來訪問frame標簽
并且可以通過window.top.document.getElementById("testFrame").src = 'xx.htm'來切換frame的內(nèi)容
也都可以通過window.top.frameName.location = 'xx.htm'來切換frame的內(nèi)容
關(guān)于frame和window的描述可以參見bbs的‘window與frame'文章
以及/test/js/test_frame/目錄下面的測試
----adun 2004.12.09修改
9. 在mf中,自己定義的屬性必須getAttribute()取得
10.在mf中沒有 parentElement parement.children 而用
parentNode parentNode.childNodes
childNodes的下標的含義在IE和MF中不同,MF使用DOM規(guī)范,childNodes中會插入空白文本節(jié)點。
一般可以通過node.getElementsByTagName()來回避這個問題。
當html中節(jié)點缺失時,IE和MF對parentNode的解釋不同,例如
<form>
<table>
<input/>
</table>
</form>
MF中input.parentNode的值為form, 而IE中input.parentNode的值為空節(jié)點
MF中節(jié)點沒有removeNode方法,必須使用如下方法 node.parentNode.removeChild(node)
11.const 問題
(1)現(xiàn)有問題:
在 IE 中不能使用 const 關(guān)鍵字。如 const constVar = 32; 在IE中這是語法錯誤。
(2)解決方法:
不使用 const ,以 var 代替。
12. body 對象
MF的body在body標簽沒有被瀏覽器完全讀入之前就存在,而IE則必須在body完全被讀入之后才存在
13. url encoding
在js中如果書寫url就直接寫&不要寫&例如var url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = url那么很有可能url不會被正常顯示以至于參數(shù)沒有正確的傳到服務器
一般會服務器報錯參數(shù)沒有找到
當然如果是在tpl中例外,因為tpl中符合xml規(guī)范,要求&書寫為&
一般MF無法識別js中的&
14. nodeName 和 tagName 問題
(1)現(xiàn)有問題:
在MF中,所有節(jié)點均有 nodeName 值,但 textNode 沒有 tagName 值。在 IE 中,nodeName 的使用好象
有問題(具體情況沒有測試,但我的IE已經(jīng)死了好幾次)。
(2)解決方法:
使用 tagName,但應檢測其是否為空。
15. 元素屬性
IE下 input.type屬性為只讀,但是MF下可以修改
16. document.getElementsByName() 和 document.all[name] 的問題
(1)現(xiàn)有問題:
在 IE 中,getElementsByName()、document.all[name] 均不能用來取得 div 元素(是否還有其它不能取的元素還不知道)。
相關(guān)文章
bootstrap時間控件daterangepicker使用方法及各種小bug修復
這篇文章主要介紹了bootstrap時間控件daterangepicker使用方法,及各種小bug修復,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10
.net MVC+Bootstrap下使用localResizeIMG上傳圖片
這篇文章主要為大家詳細介紹了.net MVC和Bootstrap下使用 localResizeIMG上傳圖片,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04
JavaScript探測CSS動畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細介紹了JavaScript探測CSS動畫是否已經(jīng)完成的方法,感興趣的小伙伴們可以參考一下2016-08-08
使用?JavaScript?Promise?讀取?Github?用戶數(shù)據(jù)
這篇文章主要介紹了使用JavaScript?Promise讀取Github用戶數(shù)據(jù),文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08
JS 實現(xiàn)Table相同行的單元格自動合并示例代碼
Table相同行的單元格自動合并,使用js來實現(xiàn)此效果,具體代碼下,感興趣的朋友可以參考下2013-08-08

