1.event.srcelement問題
在ie下,event對(duì)象有srcelement屬性,但是沒有target屬性;
在firefox下,even對(duì)象有target屬性,但是沒有srcelement屬性.
我們可以這樣解決:
使用obj(obj = event.srcelement ? event.srcelement : event.target;)來代替ie下的event.srcelement或者firefox下的event.target.
2.上面提到了event，在兩種瀏覽器中也存在問題
window.event只能在ie下運(yùn)行,而不能在firefox下運(yùn)行,
這是因?yàn)閒irefox的event只能在有事件發(fā)生的情況下使用
ie:
<input type="button" value="測(cè)試ie下的event" onclick="test1()"/>
<input type="button" value="測(cè)試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); //使用參數(shù)evt
}
</script>
=============================================
3.innertext在ie中能正常工作，但是innertext在firefox中卻不行
這里給出一個(gè)解決方法
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>關(guān)注一下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>
新聞熱點(diǎn)
疑難解答
圖片精選
