南山网站公司成都网站制作

https://blog.csdn.net/Ultraman_and_monster/article/details/79840025

document.attachEvent is not a function出错的原因

报错原因有： 
（1）、利用attachEvent()直接在谷歌浏览器打开，我就是犯这种低级错误的。

重要事情说三遍：attachEvent是IE浏览器独有的！！！attachEvent是IE浏览器独有的！！！attachEvent是IE浏览器独有的！！！

（2）、在IE11版本浏览器打开运行程序，IE11不支持attachEvent; 
解决办法就是

通过在html的head标签中加入

   <meta http-equiv="X-UA-Compatible" content="IE=10" />让IE的默认版本为IE10，在IE控制台也可以直接修改IE的版本，便于调试。

下面例子实现的就是在不同浏览器以及IE版本不同的情况下点击列表出现不同的效果

<ul><li>1</li><li>2</li><li>3</li>
</ul><script>var li = document.getElementsByTagName('li')[0];if(li.attachEvent){li.attachEvent('onclick',function(){handle.call(li);});}else{li.addEventListener('click',function(){li.style.backgroundColor = "red";},false);}function handle(){this.style.backgroundColor = "yellow";}</script>

在谷歌浏览器以及IE11下运行的结果

 
在IE10及以下运行结果 
 
刚开始没有写兼容性，直接用attachEvent()在谷歌浏览器打开，报错这不是一个函数。后来打开IE，结果也出错，然后自己调了版本，居然可以用，百度才知道IE11不支持attacEvent(); 
写程序最好就是写兼容性、便于维护的代码。