各種瀏覽器兼容問題
更新時(shí)間:2006年11月14日 00:00:00 作者:
關(guān)于用腳本設(shè)置onload事件句柄
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
在IE、Opera均正常有效,唯獨(dú)FF既不執(zhí)行,也不報(bào)錯(cuò),因?yàn)樵贔F,document.body.onload是undefined(未定義),把一個(gè)函數(shù)賦值給undefined既不會(huì)發(fā)生什么事情,也不算出錯(cuò)。
這么寫的在IE、Opera和FF都有效:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
關(guān)于用腳本綁定事件句柄
IE 下用 attachEvent, FF 下用 addEventListener
相關(guān)討論如下:
http://search.blueidea.com/?q=addEventListener&bisearch=bbs
(基本上看幾貼就明白了,我就不詳細(xì)說(shuō)了。請(qǐng)大家看的時(shí)候不要頂老貼,謝謝)
參考鏈接:
http://bbs.blueidea.com/viewthre ... p;page=1#pid2248824
http://bbs.blueidea.com/viewthread.php?tid=2507914
關(guān)于浮動(dòng)代碼和 documentElement / body
常常有人提問,為什么 漂浮廣告 / 對(duì)聯(lián)代碼 在 xHTML 1.1 DTD 文件頭 / FF 下不能使用
這是因?yàn)椋凑諛?biāo)準(zhǔn)來(lái)說(shuō),我們看到的窗體的滾動(dòng)條不應(yīng)該是 body 的,而是 HTML 的(也就是 document.documentElement 對(duì)象)
所以,解決辦法是,把以前不標(biāo)準(zhǔn)的代碼中, document.body.scrollTop 或者類似的代碼變換為 document.documentElement.scrollTop
關(guān)于 ID 與 html 對(duì)象元素的引用
這個(gè)問題的原因非常非常多。但是一個(gè)基本的前提條件就是,對(duì)于IE 來(lái)說(shuō),一個(gè)HTML 元素的 ID 可以直接在腳本中當(dāng)作變量名來(lái)使用,而 FF 中不可以。
關(guān)于 事件對(duì)象的使用差異
IE 中,事件激發(fā)的時(shí)候,有一個(gè)全局的 window.event 對(duì)象保存了事件的相關(guān)信息
IE Only
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
FF 中,事件激發(fā)的時(shí)候,將一個(gè)局部的 event 對(duì)象作為第一個(gè)參數(shù)傳遞給了事件處理函數(shù)
FF Only
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
此外,IE 的 event 對(duì)象和 FF 的 event 對(duì)象還稍有不同。
以下是我常用的兼容形式
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
參考
http://bbs.blueidea.com/thread-2667939-1-1.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
在IE、Opera均正常有效,唯獨(dú)FF既不執(zhí)行,也不報(bào)錯(cuò),因?yàn)樵贔F,document.body.onload是undefined(未定義),把一個(gè)函數(shù)賦值給undefined既不會(huì)發(fā)生什么事情,也不算出錯(cuò)。
這么寫的在IE、Opera和FF都有效:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
關(guān)于用腳本綁定事件句柄
IE 下用 attachEvent, FF 下用 addEventListener
相關(guān)討論如下:
http://search.blueidea.com/?q=addEventListener&bisearch=bbs
(基本上看幾貼就明白了,我就不詳細(xì)說(shuō)了。請(qǐng)大家看的時(shí)候不要頂老貼,謝謝)
參考鏈接:
http://bbs.blueidea.com/viewthre ... p;page=1#pid2248824
http://bbs.blueidea.com/viewthread.php?tid=2507914
關(guān)于浮動(dòng)代碼和 documentElement / body
常常有人提問,為什么 漂浮廣告 / 對(duì)聯(lián)代碼 在 xHTML 1.1 DTD 文件頭 / FF 下不能使用
這是因?yàn)椋凑諛?biāo)準(zhǔn)來(lái)說(shuō),我們看到的窗體的滾動(dòng)條不應(yīng)該是 body 的,而是 HTML 的(也就是 document.documentElement 對(duì)象)
所以,解決辦法是,把以前不標(biāo)準(zhǔn)的代碼中, document.body.scrollTop 或者類似的代碼變換為 document.documentElement.scrollTop
關(guān)于 ID 與 html 對(duì)象元素的引用
這個(gè)問題的原因非常非常多。但是一個(gè)基本的前提條件就是,對(duì)于IE 來(lái)說(shuō),一個(gè)HTML 元素的 ID 可以直接在腳本中當(dāng)作變量名來(lái)使用,而 FF 中不可以。
復(fù)制代碼 代碼如下:
<input id="t1"><input type="button" value="click me" onclick="alert(t1.value)">
復(fù)制代碼 代碼如下:
<input id="t1"><input type="button" value="click me" onclick="alert(document.getElementById('t1').value)">
關(guān)于 事件對(duì)象的使用差異
IE 中,事件激發(fā)的時(shí)候,有一個(gè)全局的 window.event 對(duì)象保存了事件的相關(guān)信息
IE Only
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
FF 中,事件激發(fā)的時(shí)候,將一個(gè)局部的 event 對(duì)象作為第一個(gè)參數(shù)傳遞給了事件處理函數(shù)
FF Only
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
此外,IE 的 event 對(duì)象和 FF 的 event 對(duì)象還稍有不同。
以下是我常用的兼容形式
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
參考
http://bbs.blueidea.com/thread-2667939-1-1.html
相關(guān)文章
JavaScript 關(guān)于事件循環(huán)機(jī)制的刨析
js里的事件循環(huán)機(jī)制十分有趣。從很多面試題也可以看出來(lái),考察簡(jiǎn)單的setTimeout也就是考察這個(gè)機(jī)制的,接下來(lái)本文帶你詳細(xì)了解它2021-11-11javascript學(xué)習(xí)筆記_淺談基礎(chǔ)語(yǔ)法,類型,變量
下面小編就為大家?guī)?lái)一篇javascript學(xué)習(xí)筆記_淺談基礎(chǔ)語(yǔ)法,類型,變量。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-09-09Javascript Math ceil()、floor()、round()三個(gè)函數(shù)的區(qū)別
Round是四舍五入的。。。Ceiling是向上取整。。float是向下取整2010-03-03window.onload和$(function(){})的區(qū)別介紹
window.onload和$(function(){})有什么區(qū)別。window.onload表示頁(yè)面加載完了后(包括dom和js),再執(zhí)行函數(shù)里面的內(nèi)容,感興趣的朋友可以了解下2013-10-10js nextSibling屬性和previousSibling屬性概述及使用注意
nextSibling屬性:該屬性表示當(dāng)前節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn);如果其后沒有與其同級(jí)的節(jié)點(diǎn),則返回null;previousSibling屬性:該屬性與nextSibling屬性的作用正好相反,接下來(lái)將詳細(xì)介紹下,感興趣的你不妨了解下哦,或許對(duì)你有所幫助2013-02-02document 和 document.all 分別什么時(shí)候用
document 和 document.all 分別什么時(shí)候用...2006-09-09