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只能在有事件发生的情况下使用
Webjx.Com
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> Webjx.Com
