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

《javascript浏览器兼容性总结及常用浏览器兼容性分析》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、JavaScript浏览器兼容性总结及常用浏览器兼容性分析小编日常整理些关于js兼容性问题，及IE与Firefox等常用浏览器的兼容性分析，对js浏览器兼容性相关知识感兴趣的朋友一起学习吧！1.children与childNodesIE提供的children、childNodes和firefox下的childNodes的行为是有区别的，firefox下childNodes会把换行和空白字符都算作父节点的子节点，而IE的childNodes和children不会。比如：It;divid二〃dd〃gt;1t:divgt:yizhuXXlt;/divgt;lt;/divgt;d为dd的

2、div在IE下用childNodes查看，其子节点数为1，而ff下为三，我们可以从firefox的dom查看器里面看到他的childNodes为［〃〃，div，〃〃］。要在firefox下模拟children的属性我们可以这样做:if(typeof(HTMLElement)!=，，undefined"amp;amp;!window,opera){HTMLE1ement.prototype._defineGetter__(〃children〃，function(){for(vara=口，j=0,n，i=0;ilt;this.childNodes.length;i++){n=

3、this.childNodes[i]:if(n.nodeType==l){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;});}1.firefox和ie的事件window.event只能在IE下使用，而不能用在Firefox下，这是因为Firefox的event只能在事件发生的现场使用。Firefox必须从源处加入event作参数传递。IE忽略该参数，用window.event来读取该event。比方说下面这个在ie下获

4、得鼠标位置的方法：It:buttononclick=〃onClick()〃gt;获得鼠标点击横坐标It;/buttongt;It:scripttype=zztext/javascript/zgt:functiononclick(){alert(event,clientX);lt;/scriptgt;需要改成It:buttononclick=〃onClick(event)〃gt;获得0uterHTMLlt:/buttongt:It;scripttype="text/javascript"gt;functiononclick(event){event=event

5、

6、window.ev

7、ent;alert(event.clientX):It;/scriptgt;才能在两种浏览器下使用1.HTML对象获取问题FireFox获耳又方式document.getElementById(〃idName〃)ie使用document,idname或者document.getElementByld(〃idName〃)解决办法：统一使用document.getElementByld(/zidName〃)；1.const问题在Firefox下，可以使用const关键字或var关键字来定义常量；IE下，只能使用var关键字来定义常量；解决方法：统一使用var关键字来定义常量。5•fr

8、ame问题以下面的frame为例：It;framesrc=//xxx.html/zid=//frameId//name=//frameName〃/gt;a)访问frame对象IE：使用window.frameId或者window,frameName来访问这个frame对象，frameld和frameName可以同名；Firefox：只能使用window.frameName来访问这个frame对象；另外，在IE和Firefox中都可以使用window.document.getElementByld("frameld")来访问这个frame对象；b)切换frame内容在IE和Fire

9、fox中都可以使用window,document.getE1ementByld(〃testFrame〃).src=〃xxx.html"或window.frameName.location=〃xxx.html〃来切换frame的内容；如果需要将frame中的参数传回父窗口(注意不是opener，而是parent)，可以在frame中使用parent来访问父窗口。例如：parent.document,forml.filename.value=〃Aqing/z;nbsp;6.body问