JavaScript分为三个部分
1.ECMAScript标准： JS的基本语法，一套标准。
2.DOM：Document Object Model 文档对象模型， 一套操作页面的元素的API，DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作。
3.BOM：Browser Object Model 浏览器对象模型， 一套操作浏览器的API，BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。
DOM树
把HTML页面或者是xml页面看成是一个文档，文档就是一个对象，这个文档中的标签都是元素，元素也可以看成是对象，标签（元素，对象）有很多，还有嵌套的关系，组成的这种层次结构，可以模拟成树形结构，简称：树状图，就是DOM树。
BOM的顶级对象window
window是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window。
注意：window下一个特殊的属性 window.name。
页面中的顶级对象：document
基础知识
HTML：展示信息，展示数据的 标签是系统的。
XML：侧重于存储数据，打开时不需要安装任何软件 ，其中的所有标签都是对象， 每对标签都是自定义的。
文档(document)：一个页面就是一个文档
元素（element）：页面中的所有的标签都是元素，元素可以看成是对象
节点(node)：页面中所有的内容都是节点：标签，属性，文本等
根（root）：HTML标签
范围： 文档>节点> 元素>
由文档及文档中所有的元素组成的一个树形结构图，叫做树状图（DOM树）
获取元素的方式
1. 根据id从整个的文档中获取：----返回的是一个元素对象。document.getElementById("id属性的值");
2. 根据标签名字获取元素-----返回的是元素对象组成的数组。document.getElementByTagName("标签的名字");
操作基本标签的属性
src,title,alt,href，id等属性
操作表单标签的属性
name,value,type,checked,readonly,diabled,selected
在表单标签中，如果属性和值只有一个，并且值是这个属性本身，那么在写JS代码，DOM操作的时候，这个属性值，是布尔类型的就可以了。
元素的样式标签
对象.style.属性=值;
对象.className=值;
为元素添加事件 onclick
事件：有事件源、触发和响应。
this关键字：如果是当前的元素的事件中使用this，那么this就是当前的对象。、
点击事件：onclick
鼠标进入事件：onmouseover
鼠标离开事件：onmouseout
阻止超链接默认跳转
return false；
标签：WebAPI,DOM,对象,标签,元素,文档,属性 来源： https://www.cnblogs.com/plsmile/p/11186075.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。