javascript浏览器兼容性总结及常用浏览器兼容性分析_javascript技巧

2、dd的div在IE卜•用ch订dNodes杳看，其了节点数为1,而ff卜'为三，我们可以从firefox的dom查看器里面看到他的childNodes为[〃〃,div,〃rT]。要在firefox下模拟children的屈性我们可以这样做：if(typeof(HTMLE1ement)!二"undefinecT&&[window,opera){IlTMLElement.prototype・—defineGetter_("childrefunction(){for(vara=[],j=0,n,i=0;i

3、+){n=this・childNodes[i];if(n.nodeType二二1){a[j++]=n;if(n.name){if(!a[n.name])a[n.name]=[];a[n.name][a[n.name].length]二n;}if(n.id)a[n.id]=n;}}returna;})；2.firefox和ie的事件window,event只能在IE下使用,而不能用在Firefox下,这是因为Firefox的event只能在事件发生的现场使用。Firefox必须从源处加入event作参数传递。IE忽略该参数，用window,event来读取该

4、event。比方说下面这个在ie下获得鼠标位置的方法：获得鼠标点击横坐标需要改成获得OuterHTMLfunctiononclick(event){event=event

5、

6、window.e

7、vent;alert(event.clientX);}才能在两种浏览器下使用1.HTML对象获取问题FireFox获取方式document.getElementByld(〃idName〃)ie使用document.idname或者document.getElementByld(，/idame，/)解决办法：统一使用document.getElementByIdidame，z);2.const问题在FirefoxT可以使用const关键字或var关键字来定义常量；IE下，只能使用var关键字来定义常量；解决方法：统-使用var关键字来

8、定义常量。3.frame问题以F面的ffame为例:a）访问frame对象TE：使用window.frameTd或者window.frameName來访问这个frame对象，frameTd和frameName口J以同名；Firefox：只能使用window.frameName來访问这个frame对象；另外，在IE和Firefox中都可以使用window,document.getElementByld（，/frameId/，）來访问这个frame对象；b

9、）切换frame内容在TE和Firefox中都可以使用window.document・getElcmentByld（"tcstFrame“）.sre="xxx・html"或window.frameName・location="xxx・html"来切换frame的内容；如果需要将frame'I1的参数传冋父窗口（注意不是opener,而是parent）,可以在frame中使用parent来访问父窗口。例如：parent・document・form1.filcnamc.value二"Aqing";1.body问题Firefox的body在body标签没有被浏览

10、器完全读入之前就存在；而IE的body则必须在body标签被浏览器