1、DOM：

　　文档对象模型，简而言之，当网页被加载时，浏览器会创建页面内各元素的对象(树状结构)，方便通过js来操作页面内的元素(创建动态的html)。

2、查找html元素：　

　　document.getElementById();：返回的是一个元素对象；

　　document.getElementsByTagName();：注意，返回的是一个元素对象数组。

　　想象一下，document就是html文档的对象，而方法getElementById()就是根据DOM来获取元素的对象，然后通过js来操作这个对象：

　　　　改变html输出流（document.write()）；

　　　　改变html内容（value或innerHTML）；

　　　　改变html属性（.）；

　　　　改变html样式：

　　　　　　body中的script脚本内要操作的元素对象，应当在脚本位置前先被创建；

　　　　　　script中有函数外部的脚本语句，应当将script放在body中相应位置，在页面加载时就执行；

　　　　　　写法上与样式表有些不同，比如样式属性名通常是驼峰法(fontSize)，而不是样式表中的连字符(font-size)；

　　　　　　onclick属性值里可以直接写script语句：

　　　　　　　　onclick属性并非button元素所独有，但不适用以下元素：

　　　　　　　　　　<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

3、bdo：

　　<bdo>标签允许你指定文字方向并重载用于文本方向计算的双向算法（bidirectional algorithm）；

　　在<bdo> 里面设置了dir="rtl"，标签里面的内容就是从右至左书写的。

4、button属于行内元素。

5、this：

　　<h1 onclick="this.innerHTML='Thank you!!!'">...</h1>：this指的是发生onclick事件的对象，这里就是指h1。

6、向myBtn元素分配onclick事件：

　　document.getElementById("myBtn").onclick = function(){displayDate()}。

7、js操作cookies？

8、onmousedown, onmouseup 以及 onclick：

　　构成了鼠标点击事件的所有部分；

　　首先当点击鼠标按钮时，会触发 onmousedown 事件；

　　当释放鼠标按钮时，会触发 onmouseup 事件；

　　当完成鼠标点击时，会触发 onclick 事件。

9、节点：

　　<p id="para">some text</p>：p为元素节点，id为属性节点，some text为文本节点；

　　每个节点均有nodeType、nodeName、nodeValue；

　　获取元素节点：var d = document.getElementById("para");；

　　获取属性节点：var da = d.getAttributeNode("id");；

　　获取文本节点：var dt = d.firstChild;。