对象：一个类中的具体事例
在js角度看，标签都是对象；
标签：HTML属性，CSS属性：
HTML：对象.HTML属性 = 值；
CSS： 对象.style.CSS = “值";
获取对象的方法：
document.getElementById("id名字")；
输出
事件:
用户的动作
鼠标事件：
onclick：点击；
ondbclick：双击鼠标事件；
onmouseover：鼠标放上去；
onmouseout：鼠标离开；
onmousedown：鼠标按下；
onmouseup：鼠标抬起；
注意：当用js改变css样式时，例如font-size类型带-连接的属性需要改变为对象.style.fontSize（即把-去掉连接词变大写）
onmousemove：鼠标移动；
键盘事件：
onfocus：获得焦点；
onblur：失去焦点；
onsubmit：提交事件；
onchange：当发生改变的时候；
onreset：重置事件；
键盘事件：
onkeyup：键盘抬起；
onkeydown：键盘按下；
onkeypress：键盘按一次；
窗口事件；onload事件：页面加载之后立刻执行的事件；
两种方式：
1.<script>window.onload = init;</script>init为函数，后面一定不要加（）
2.<body onload = "init()"></body>init函数后面加（）
Event：保存事件发生时的相关信息：
当事件发生时候：event
Event.clientX；事件发生时的X坐标
Event.clientY；事件发生时的Y坐标
Event.target：事件源
修改div中的内容
innerHTML：对象中所有的内容（文本内容和标签内容），指的是双标签，容器标签。
innerText：对象中所有的文本内容；
document.createElement("标签名"); 创建标签
document.body.appendChild(对象); 向body中添加内容
注意：margin不会触发body事件；
this：代表当前对象
js分为三部分：ECMAscript，BOM，DOM；
注意：
1.window对象最高级（也可以说是最低级）；
2.BOM浏览器对象模型：brower object model；
3.DOM文档对象模型：document object model；
4.BOM网页一打开就存在；
5.DOM是可以去操作的代码；
6.document是连接BOM和DOM的
document有下级，其他都没有下级（多窗口）