1.event.srcelement问题
在ie下,event对象有srcelement属性,但是没有target属性;
在firefox下,even对象有target属性,但是没有srcelement属性.
我们可以这样解决:
使用obj(obj = event.srcelement ? event.srcelement : event.target;)来代替ie下的event.srcelement或者firefox下的event.target.
2.上面提到了event，在两种浏览器中也存在问题
window.event只能在ie下运行,而不能在firefox下运行,
这是因为firefox的event只能在有事件发生的情况下使用
ie:
<input type="button" value="测试ie下的event" onclick="test1()"/>
<input type="button" value="测试event的兼容性" onclick="test2()"/>
<script language="javascript">
function test1() {
alert(window.event); //使用 window.event
}
function test2(evt) {
evt=evt?evt:(window.event?window.event:null);
alert(evt); //使用参数evt
}
</script>
=============================================
3.innertext在ie中能正常工作，但是innertext在firefox中却不行
这里给出一个解决方法
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>关注一下ie和firefox的兼容性</title>
</head>
<script language="javascript">
function testinnertext(){
if(navigator.appname.indexof("explorer") > -1){
document.getelementbyid('element').innertext = "my text";
} else{
document.getelementbyid('element').textcontent = "my text";
}
}
</script>
<body>
<input name="button" type="button" value="testinnertext" onclick="javascript:testinnertext()"/>
<div id="element" style="border:1px solid #0066cc; width:100px; height:50px"></div>
</body>
</html>
新闻热点
疑难解答
