網頁和瀏覽器兼容性問題匯總(draft1)

2019-11-21 01:20:13

字體：大中小

來源：轉載

供稿：網友

一.Javascript
1.日期對象的getYear方法
IE getYear()返回的結果和getFullYear()結果是相同的，但是ECMA262明確規定了getYear返回的是“年份-1970”。而有些網站采用getYear返回年份，導致IE瀏覽器和FF等比較規范的瀏覽器出現邏輯上的不同。
二.DOM
1.事件模型
2.document.elementFromPoint
document的該方法是IE擴展的，可以根據視口的客戶區坐標返回元素的DOM節點。safari也支持該方法，但是坐標表示的是網頁內容布局后的坐標（該坐標是瀏覽器窗口的客戶區坐標）。兩者的區別導致了如果想通過鼠標的指針的位置獲取元素節點，IE是可以直接事件的客戶的客戶區坐標(clientX,clientY)返回元素，但是safari需要用scrollX和scrollY來返回。從該接口的意義上說兩者都是合理的。MSDN里面也沒有明確定義該坐標的意義，但是從接口的使用上說IE更加簡單，而safari卻需要轉換坐標。
三.CSS
四.layout
五.插件與ActiveX
眾所周知，IE兼容第三方程序采用的是ActiveX技術；而Firefox，safari，Chrome，opera采用的是NPAPI的插件技術。兩者在接口層次上而言插件接口層次更低（都是C函數指針），采用抽象的接口和數據類型封裝瀏覽器和第三方程序的交互邏輯，但是瀏覽器和插件程序是緊耦合的；而ActiveX屏蔽了進程和線程模型，是一種較松耦合的交互方式。這也是為什么合法的ActiveX在IE中不會使得IE崩潰，但是同功能的插件有可能使得瀏覽器崩潰。在這個特性的區別是也是瀏覽器兼容性方面較大區別之一。
六.其他
1.論壇根據UserAgent中瀏覽器的子版本設置Cookie，這不太合理，因為UserAgent會隨著瀏覽器版本變化，而導致原來的Cookie實效。

上一篇：javascript 倒排序方法

下一篇：scrollTop 用法說明