DOM对象

DOM:文档对象模型；
文档：指的是一个页面，
对象：网页的每一个部分都可以看成一个对象。以纯面向对象的方式操作页面
模型：对象很多，不好管理，用来表示对象之间的关系，方便获取对象。树状图。
通过js操作网页

节点：是构成我们网页的基本组成部分，
文档节点：整个html文档
元素节点：HTML标签
属性节点：元素的属性
文本节点：标签中的文本内容
 
节点的属性 ：
nodeName nodeType nodeValue

浏览器为我们提供文档节点，是window属性。可以在页面中直接使用，

事件：文档和浏览器发生的一些交互瞬间。
点击按钮，鼠标移动，关闭窗口。
在事件对应的属性中设置一些js代码，触发时执行代码（结构和行为耦合，不推荐使用）
<script>
  //获取到对象
  var btn=document.getElementById("btn");
  console.log(btn);
  //修改文字
  console.log(btn.innerHTML);
  btn.innerHTML="按钮";
btn.οnclick=function () {
  alert('hha');
}
</script>

ondblclick 双击
onmousemove 鼠标移动
可以 为对应事件绑定事件处理函数，当事件被触发时，函数执行。

代码执行顺序：读取一行就运行一行；所以js一般写在页面下边。在页面加载完毕之后，在执行js代码
如果要吧js写在上边，要求在整个页面加载完成之后在执行js代码
页面加载为onload事件，在整个页面加载完毕之后触发。所以可以把js代码写在onload事件的执行函数中

 window.οnlοad=function () {
      alert('haha');
      var btn=document.getElementById("btn");
      btn.οnclick=function () {
        alert('hha');
      }
    }//js写在上边。影响页面的加载速度。便于管理修改