JavaScript浏览器兼容（Firefox 3.x, IE 8）_polyfill.js 兼容firefox-优快云博客

本文总结了JavaScript在不同浏览器如Firefox和IE中的兼容性问题及其解决方案。内容涵盖全局变量定义、对象成员逗号分隔、变量分号结束、dojoContentPane使用、trim方法、firstElementChild属性、事件目标等细节。

关于JavaScript浏览器兼容的问题，已经有很多前人提供了大量有用的解决方案。下面列举的是其中几篇：

1. 【javascript】火狐浏览器兼容原则
http://blog.youkuaiyun.com/donny_zhang/archive/2008/12/01/3420508.aspx

2. JavaScript js 兼容浏览器问题兼容FireFox(FF)、IE的解决方法
http://blog.youkuaiyun.com/IBM_hoojo/archive/2010/07/02/5708440.aspx

3. 浏览器兼容性问题及解决办法若干
http://blog.youkuaiyun.com/gishero/archive/2010/07/05/5714247.aspx

这儿主要记录了除开上述文章之外的一些兼容问题，作为其补充。

JavaScript Browser Compatibility (Tested in FF 3.6 & IE 8) 1. 在dojo.provide声明的js文件中定义全局变量 dojo.provide("my.c"); c1 = "global1"; //Is global in FF & IE var c2 = "global2" //Is global in FF, but can not be visited neither as global nor as local in IE 2. JavaScript对象定义时，最后一个成员是否以","结尾 var person = { name: "echo", phone: "1234", //Ok in FF but error occurred in IE } var person = { name: "echo", phone: "1234" //Both Ok in FF & IE } 3. 定义变量时，是否以";"结尾 var a = "hello " //Ok in FF but error occurred in IE var b = "world"; var a = "hello "; //Both Ok in FF & IE var b = "world"; 4. dojo ContentPane中JavaScript代码的调用 main.html <div dojoType="dijit.layout.ContentPane" minSize="400" maxSize="1000" href="part.html" mce_href="part.html"></div> part.html <div>part</div> <mce:script type="text/javascript"></mce:script> main.html <div dojoType="dojox.layout.ContentPane" minSize="400" maxSize="1000" href="part.html" mce_href="part.html"></div> part.html <div>part</div> <mce:script type="text/javascript"></mce:script> 5. trim " a ".trim(); //work in FF but error occurred in IE dojo.trim(" a "); //Both OK in FF & IE 6. firstElementChild node.firstElementChild //work in FF but undefined in IE node.firstChild //Both OK in FF & IE 7. event.target event.target //Both OK in FF & IE 8! 8. <input type="text" value="text" disabled> 在FF中，整个输入框及里面的内容变灰，点击禁止。在IE中，点击禁止，但只有内容变灰；因此当输入框中没有内容时，不太容易判断disable状态。