各種瀏覽器兼容問題

2019-11-21 02:27:52

字體：大中小

來源：轉載

供稿：網友

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

在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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

FF 中，事件激發的時候，將一個局部的 event 對象作為第一個參數傳遞給了事件處理函數
FF Only

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

此外，IE 的 event 對象和 FF 的 event 對象還稍有不同。
以下是我常用的兼容形式

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

參考
http://bbs.blueidea.com/thread-2667939-1-1.html

上一篇：取得父標簽

下一篇："好玩的放大鏡效果" 的另一種實現方法

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

各種瀏覽器兼容問題