Firefox浏览器兼容JS脚本供参考

最新推荐文章于 2021-03-26 10:23:09 发布

原创最新推荐文章于 2021-03-26 10:23:09 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

兼容代码专栏收录该内容

4 篇文章

订阅专栏

本文提供了解决FireFox与IE脚本兼容问题的多种脚本与技巧，包括获取浏览器事件、屏蔽Form提交事件、获取事件源、添加事件兼容写法、Firefox注册innerText写法、长度、父控件下的子控件以及XmlHttp使用注意事项。

最近做了一个项目，遇到了
[url=http://www.knowsky.com/article.asp?typeid=151]
[color="#000000"]FireFox[/color]
[/url]
和IE脚本不兼容的问题，为此从网上搜集了部分兼容的脚本，另外自己也摸索了一点，原本写在了自己另外一个博客里，现拷过来供大家参考，原文
[url=http://onlyaa.com/html/jsjc/20080515/2078.html#1]
[color="#800080"]1.window.event兼容脚本[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#2]
[color="#800080"]2.屏蔽Form提交事件[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#3]
[color="#800080"]3.获取事件源[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#4]
[color="#800080"]4.添加事件兼容写法[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#5]
[color="#800080"]5.Firefox注册innerText写法[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#6]
[color="#800080"]6.长度[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#7]
[color="#800080"]7.父控件下的子控件[/color]
[/url]

[url=http://onlyaa.com/html/jsjc/20080515/2078.html#8]
[color="#800080"]8.[/color]
[color="#000000"]Xml[/color]
[color="#800080"]Http[/color]
[/url]

[color="#99cc00"]1.window.event兼容脚本 [/color]
function getEvent(){ //获取浏览器事件，同时兼容ie和ff的写法
if(document.all) return window.event;
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event 　　 arg0.constructor ==MouseEvent)
　　 (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}
每次用事件之前Firefox都需要用getEvent()获取一下，否则就是空
[color="#99cc00"]2.屏蔽Form提交事件[/color]
event.returnValue=false;// for IE
evt.preventDefault();//for firefox
[color="#99cc00"]3.获取事件源[/color]
var source=event.srcElement //IE
var source=event.target //firefox
[color="#99cc00"]4.添加事件兼容写法[/color]
function addEvent(oElement,sEvent,func){
if (oElement.attachEvent){
oElement.attachEvent(sEvent,func);
}
else{
sEvent=sEvent.substring(2,sEvent.length);
oElement.addEventListener(sEvent,func,false);
}
}
用法：addEvent(window,"onload",Start);
[color="#99cc00"]5.Firefox注册innerText写法[/color]
//注册firefox innerText
HTMLElement.prototype.__defineGetter__("innerText",
function(){
var anyString = "";
var childS = this.childNodes;
for(var i=0; i if(childS[1i].nodeType==1)
anyString += childS[1i].tagName=="BR" ? '\n' : childS[1i].innerText;
else if(childS[1i].nodeType==3)
anyString += childS[1i].nodeValue;
}
return anyString;
}
);
HTMLElement.prototype.__defineSetter__("innerText",
function(sText){
this.textContent=sText;
}
); [/1i][/1i][/1i][/1i][/1i]
[color="#99cc00"]6.长度：FireFox长度必须加“px”，IE无所谓[/color]

[color="#99cc00"]7.父控件下的子控件：IE是“children”，FireFox是“childNodes”[/color]

[color="#99cc00"]8.XmlHttp[/color]

在IE中，XmlHttp.send(content)方法的content可以为空，而firefox则不能为空，应该用send(" ")，否则会出现411错误