各種浏覽器兼容問題_JavaScript基礎知識

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 各種浏覽器兼容問題

各種浏覽器兼容問題

編輯：JavaScript基礎知識

關於用腳本設置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

[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

JavaScript基礎知識

使用JS格式化和壓縮CSS樣式代碼: 格式化CSS樣式代碼function formatCss(s){//格式化代碼 s = s.rep
javascript編程起步（第六課）: mouseDown事件和mouseUp事件大家知道，mouseDown事件和mouseUp事件的組
在JavaScript中處理字符串之fontcolor()方法的使用: 此方法會導致就好像它是在一個字符串被顯示在指定的顏色 <font color=co

JavaScript基礎知識 JSON基礎正則表達式關於JavaScript JavaScript技巧 jQuery入門知識 AJAX入門 JavaScript綜合知識

小編推薦

學習JavaScript的最佳方法分享用純原生態javascript+css3 寫的3D魔方動畫旋扭特效 JavaScript對象學習經驗整理 js靜態作用域的功能。深入分析原生JavaScript事件對new functionName()定義一個函數的理解 js 常見事件一些易混淆且不常用的屬性，希望有用 JavaScript 無符號右移賦值操作 javascript 數組的正態分布排序的問題

DIV CSS 佈局教程網

相關文章