各種瀏覽器兼容問題

2024-09-06 12:44:31

字體：大中小

來源：轉載

供稿：網友

關于用腳本設置onload事件句柄

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
在IE、Opera均正常有效，唯獨FF既不執行，也不報錯，因為在FF，document.body.onload是undefined(未定義)，把一個函數賦值給undefined既不會發生什么事情，也不算出錯。
這么寫的在IE、Opera和FF都有效：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
關于用腳本綁定事件句柄
IE 下用 attachEvent， FF 下用 addEventListener

相關討論如下：
http://search.blueidea.com/?q=addEventListener&bisearch=bbs
（基本上看幾貼就明白了，我就不詳細說了。請大家看的時候不要頂老貼，謝謝）

參考鏈接：
http://bbs.blueidea.com/viewthre ... p;page=1#pid2248824
http://bbs.blueidea.com/viewthread.php?tid=2507914
關于浮動代碼和 documentElement / body
常常有人提問，為什么漂浮廣告 / 對聯代碼在 xHTML 1.1 DTD 文件頭 / FF 下不能使用
這是因為，按照標準來說，我們看到的窗體的滾動條不應該是 body 的，而是 HTML 的（也就是 document.documentElement 對象）
所以，解決辦法是，把以前不標準的代碼中， document.body.scrollTop 或者類似的代碼變換為 document.documentElement.scrollTop
關于 ID 與 html 對象元素的引用
這個問題的原因非常非常多。但是一個基本的前提條件就是，對于IE 來說，一個HTML 元素的 ID 可以直接在腳本中當作變量名來使用，而 FF 中不可以。
代碼如下:<input id="t1"><input type="button" value="click me" onclick="alert(t1.value)">
代碼如下:<input id="t1"><input type="button" value="click me" onclick="alert(document.getElementById('t1').value)">
關于事件對象的使用差異
IE 中，事件激發的時候，有一個全局的 window.event 對象保存了事件的相關信息
IE Only

上一篇：利用javascript查看html源文件

下一篇：熾熱的文字