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();
写程序最好就是写兼容性、便于维护的代码。

attachEvent报错原因相关推荐

  1. 闪退没由报错_秉承工匠精神,3步定位飞桨报错原因,你也来试试?

    点击左上方蓝字关注我们 [故事的开始-]小张是一名AI算法攻城狮,听闻飞桨乃国产开源深度学习框架之光,心想炎黄子孙当自强,用自己的深度学习框架,实现中国的AI梦--他尝试在的笔记本上使用飞桨搭建线性回 ...

  2. mtk一键usb驱动_三菱MRJEB驱动器报错,导致报错原因37.1参数设置范围异常?

    三菱MR-JE-B驱动器报错,导致报错原因37.1参数设置范围异常?最近海蓝机电工程师们在做一个项目,做的是三菱MR-JE-B驱动器.工程师们在实操这个项目过程中遇到各种问题,其中就像驱动器报错的问题 ...

  3. AntD 官网样例 InputRef报错原因

    在官网可编辑表格typescript样例里 const inputRef = useRef<InputRef>(null); InputRef项目报错原因是ant design的版本问题! ...

  4. IndexError: list index out of range--Python报错原因及解决办法

    报错原因 一.括号里面的索引index超出范围 例如:要查找最后一个明星的名字'Hannah Quinlivan',Index输入为4.在Python中,第四个元素的索引为3,因为索引是从0开始的.如 ...

  5. python导入requests库一直报错原因总结_python pip 安装库文件报错:pip install ImportError: No module named _internal...

    centos6,python3,通过pip安装pycurl出现报错提示 Centos6.7系统,python3.6.7,通过 pip 安装pycurl出现报错: __main__.Configurat ...

  6. [转]python3_unboundlocalerror报错原因

    出现此错误,一般是因为,在调用的函数内,使用了外部变量造成的.这里先姑且不管你的目的是什么(可能是你想对这个外部变量进行一些赋值操作:也可能是你只是想创建一个本地变量,但是你不小心弄成和外部变量重名了 ...

  7. [ScyllaHide] 04 ScyllaHide配置报错原因定位

    [ScyllaHide] 文章列表-看雪地址: 00 简单介绍和使用 01 项目概览 02 InjectorCLI源码分析 03 PEB相关反调试 04 ScyllaHide配置报错原因定位 05 S ...

  8. Cannot assign to read only property ‘0’ of string的报错原因之一及解决办法

    一. 需求场景 现有项目,需要对提交资料的人员进行审核,审核不过的时候向服务器提交数据,数据结构中的certificationStatus需为JSON格式 1.1 资料信息结构如下: auditFai ...

  9. python语法报错原因_python萌新最常见5大错误

    Python 小萌新最常见 5 大错误的: 1. invalid syntax 报错原因:语法错误 首先这个时候需要检查语法是否有用错,如果报错行没有发现错误,通常在相 邻行会出现问题,这个时候就要检 ...

  10. abaqus Tie python脚本报错 原因令人震惊

    原因是不同版本的abaqus 脚本的API变了,原来是master slave,现在改成main和second了 (总结,报错原因:ZZZQ).

最新文章

  1. 谷歌母公司投资成绩:4大机构各有侧重,投资2个马斯克项目
  2. python学习随笔--web框架
  3. 创建虚拟机并安装CentOS操作系统
  4. 802.11e (Quality of Service) : EDCA
  5. EelemntUI中e-form表单校验的使用以及表单校验的规则
  6. 初识Mysql(part5)--我需要知道的11条Mysql语句之过滤
  7. TCP请求发送和接收,如果接收端终止,发送端继续发送会出什么错
  8. SAFEARRAY使用实例
  9. mssql mysql数据库大小_mssql查看数据库大小
  10. marmalade android 5.0 JNI 调用失败的解决方案
  11. 热力图heatmap.js使用中的思路解析
  12. 程序员应该坚持写博客
  13. VMware虚拟机中安装win10操作系统
  14. contextcapture多区块点云_Smart 3D (ContextCapture) 4.4.6版本最新功能
  15. java graphics2d 画圆_java Graphics2D 画图
  16. 最详细的虚拟机安装教程
  17. 【Python】zip 函数
  18. 诺基亚n85玩java_阳刚之选 全能机皇诺基亚N85报价2580
  19. 世界上最难的视觉图_看看世界上驾照最难考的国家,你还会觉得考驾照难吗?...
  20. 【论文阅读】社交网络传播最大化问题-03

热门文章

  1. 计算机有自带的编程软件吗,cmd打开电脑自带软件
  2. 基于MSP430f5529的红外循迹小车
  3. 我和我的项目之整合腾讯云短信SDK
  4. thinkphp6阿里云短信新版sdk对接(tp5对接新版阿里云短信sdk)
  5. Jeecg框架中的一些常用属性(query,dictionary,funname,formatterjs,replace)
  6. linux文件系统F2FS,文件系统F2FS也将造福SSD
  7. zigbee协议栈-端点
  8. lycos搜索引擎_常用的搜索引擎都有哪些特点?
  9. python学生信息管理系统 实验报告_Python学生信息管理系统的开发
  10. 用计算机画函数图像教案,函数的图像的教案