HTMLDOM层次和一些小坑#14

文章首发于《你可能不知道的前端知识点》专栏，备份地址：https://github.com/justjavac/...API（Web或XML页面）=DOM+JavaScript（脚本语言）问题问题始于异常。有网友写了如下代码：functiondownload(){console.log(1);Download当点击按钮时，报错：UncaughtTypeError:download是notafunction的错误信息很奇怪：downloadisnotafunction。如果我们在devtools控制台中执行$0.download，我们会得到""，一个空字符串。我们尝试用替换并且它工作正常。解读从答案开始：HTML5给增加了一个download属性，所以在a上调用download()会提示download不是一个函数，因为所有的属性都是字符串。还有一个同样的坑：如果在要提交的表单中设置了一个控件的id，会导致表单提交form.submit()出错。报错信息类似这样，submitisnotafunction。DOM实际上并没有针对DOM0类的官方标准。DOM最先由Netscape提出，与JS同时诞生。Netscape2浏览器首先实现了DOM，定义了获取文档中一些元素的入口点，如document.forms和document.images。后来的浏览器也支持这些接口，以实现向后兼容。在JS事件中，我们经常提到的DOM事件也是在这个阶段定义的。其他常用的还有CSS访问、DOM遍历等。.DOM（DocumentObjectModel）的繁荣可以追溯到20世纪90年代后期微软和Netscape之间的“浏览器大战”。为了在JavaScript和JScript中生死搏杀，双方大规模地赋予了浏览器强大的功能。微软在网页技术中加入了很多专有的东西，包括VBScript、ActiveX、微软自己的DHTML格式等等，使得很多网页在使用非微软平台和浏览器时无法正常显示。1998年10月，DOM1成为W3C推荐标准。DOM1级包含两个模块：DOM核心（DOMCore）和DOMHTML。单独定义：DOM核心：任何结构化文档的标准模型DOMHTML：仅适用于HTML文档的标准模型DOM1就像刚出生的婴儿，肯定有各种不足。于是各种浏览器在原来的基础上增加了新的私有API，比如attachEvent和addEventListener，于是W3C推出了DOMlevel2。这个版本最大的变化就是把添加事件监听器的方法统一到addEventListener中，并且增加了第三个参数.（关于第三个参数，请看我之前的文章#6）W3C在2000年推出了DOMlevel2，直到9年后的2009年，微软发布的IE9才遵循这个标准。卧槽！！！后来推出了DOM3和DOM4。参考链接DOM概述-WebAPI接口|MDN文档对象模型(DOM)-WebAPI接口|MDN探索DOMLevel3CorePart1Part2DOMLevels的关键特性|GCidea的博客