脚本语言,解释器为JavaScript引擎,用于给HTML添加动态效果,所有主流浏览器包含JavaScript引擎;
<head></head>和<body></body>:head标签的代码会在页面还未开始绘制之前被解析,而body里的代码在页面渲染的同时读取这段代码时才执行;
JavaScript代码放在HTML中,页面加载的同时,js代码就被解析了,而js代码放在外部文件的,只在事件触发,需要这段js代码时,才被调用执行;所以当页面比较复杂时,把大量的代码放在 外部,只在需要执行时,这样可以加快页面的加载速度;
JavaScript是事件驱动的
js是基于对象的语言,就是采用事件驱动;鼠标或者热键的动作称为事件,由他们引发的一连串程序的动作称为事件驱动,对事件进行处理的程序称为事件处理程序;
js的所有数据都可以当做对象,每个对象都有属性properties和方法methods;
DOM:document object model文档对象模型;文档的编程入口;
通过ID,名字,标签名选取元素
通过getAttribute和setAttribute获取和设置元素属性;
通过parentNode获取父元素,createElement动态创建节点,applendChild和removeChild添加删除节点
对于 HTML 文档,节点主要有以下六种类型:
节点 | 名称 | 含义 |
---|---|---|
Document | 文档节点 | 整个文档(window.document) |
DocumentType | 文档类型节点 | 文档的类型 |
Element | 元素节点 | HTML 元素(比如<head>、<body>等) |
Attribute | 属性节点 | HTML 元素的属性(比如 class="right") |
Text | 文本节点 | HTML 文档中出现的文本 |
DocumentFragment | 文档碎片节点 | 文档的片段 |