注意：是 document.getElementById("...")
还有 document.getElementsByTagName
拥有同一标签的可能游很多个dom元素，所以是用element.
注意事项：
1.当使用dom对元素进行样式的设置时，属性是-连接的形式时，必需用其驼峰形式来代替。
譬如下图：在css中应该是font-weight,应该改成fontWeight.
innerHTML属性的应用：
-
html事件：
格式：<tag 事件=“执行脚本（也可以封装的函数）">
事件包括很多：鼠标事件等等。
给元素绑定了事件，这个事件触发的函数里面的this 指的就是这个元素（div...)
html事件.png -
DOM0级事件:
获取元素，ele.事件=执行脚本
注意：这里如果是要调用函数的话函数之后不用加括号，不然一打开页面函数就会自动运行了。
DOM0级事件.png -
onload：页面加载时触发
onfocus:获得焦点
onblur：失去焦点
onchange:一般作用于select,checkbox,radio(判断this.value)onmousedown+onmouseup=onclick(按下+松开）
onkeyup+onkeydown=keypress（键盘事件） -
BOM对象
所有的全局变量和全局方法都归在window对象上。
alert,prompt,confirm需要换行可以用\n来换行。- window.open(打开新窗口）
- 定时器（超时调用，间歇调用）
超时调用：setTimeOut(要实现的js的代码，几毫秒后执行相应操作）
setTimePOut方法返回一个ID值，通过它取消超时调用。通过clearTimeOut(id_of_settimeout)
-
间歇调用：setInterval(要实现的js代码，几毫秒的间歇的进行相应的操作）
相应的通过clearInterval（相应的Js代码，id_of_setInterval)来清除掉相关的调用。
看下面的代码
定时器.png
- location
- location.href:返回当前页面加载的url;
- location.hash:返回URL中的hash(#号后跟0或者其他字符）
相关属性： - location.href='window.open.html';
location.replace('window.open.html');
location.replace='window.open.html';
location.href('window.open.html');
上面四个句子都是等效的。不过 location.href有历史记录， location.replace没有历史纪录。
4.history 对象 - history.back ==history.go(-1)
history(-x)也就是回到历史纪录的前x步 - history.forward ==history.go(1)
history(x)回到历史纪录的后x步
5.screen对象
6.navigatior对象
- 使用浏览器的userAgent属性可以知道当前使用的是那个浏览器，以及是在PC端还是在手机端。
弹出错误：Maximum call stack size exceeded（栈溢出）
可能用了递归，但是没有判断
