当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE浏览器兼容Firefox的JS脚本的代码

Javascript
Javascript array类 数组操作方法
JavaScript 权威指南(第四版) 读书笔记
JQuery jsonp 使用示例代码
JavaScript 十六进制RGB色码转换器
一些不错的JS 自定义函数
javascript 不停(setInterval)/延时(setTimeout)函数使用实例
JS 添加删除元素的实现代码
jQuery 判断页面元素是否存在的代码
css+js完美控制图片大小
获取 textarea 标签第n行的文字的js代码
JavaScript 提升运行速度之循环篇 译文
js中的window.open返回object的错误的解决方法
javascript 客户端验证上传图片的大小(兼容IE和火狐)
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
javascript addBookmark 加入收藏 多浏览器兼容
javascript 无提示关闭窗口脚本
jQuery select控制插件
jquery 入门教程 [翻译] 推荐
调用js时ie6和ie7,ff的区别
斜45度寻路实现函数

Javascript 中的 IE浏览器兼容Firefox的JS脚本的代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 304 ::
收藏到网摘: n/a

对于经常用js的朋友,有时候一段脚本并不是两个浏览器都兼容的,下面一些对ie和firefox都兼容的一些代码,大家可以学习下。 1.window.event兼容脚本
2.屏蔽Form提交事件
3.获取事件源
4.添加事件兼容写法
5.Firefox注册innerText写法
6.长度
7.父控件下的子控件
8.XmlHttp
1.window.event兼容脚本
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()获取一下,否则就是空
2.屏蔽Form提交事件
event.returnValue=false;// for IE
evt.preventDefault();//for firefox
3.获取事件源
var source=event.srcElement //IE
var source=event.target //firefox
4.添加事件兼容写法
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);
5.Firefox注册innerText写法
//注册firefox innerText
HTMLElement.prototype.__defineGetter__("innerText",
function(){
var anyString = "";
var childS = this.childNodes;
for(var i=0; i if(childS[i].nodeType==1)
anyString += childS[i].tagName=="BR" ? '\n' : childS[i].innerText;
else if(childS[i].nodeType==3)
anyString += childS[i].nodeValue;
}
return anyString;
}
);
HTMLElement.prototype.__defineSetter__("innerText",
function(sText){
this.textContent=sText;
}
);
6.长度:FireFox长度必须加“px”,IE无所谓
7.父控件下的子控件:IE是“children”,FireFox是“childNodes”
8.XmlHttp
在IE中,XmlHttp.send(content)方法的content可以为空,而firefox则不能为空,应该用send(" "),否则会出现411错误