008 BOM, DOM, 和事件.

DOM

• 控制html文档的内容.
• 代码 : 获取页面标签(元素)对象 Element.
  let elementById = document.getElementById("id值");
• 操作Element对象:
  1. 修改属性值.
  2. 修改标签体内容. * innerHTML修改标签体内容.

1. Document

   1. 创建: 在html dom模型种可以使用window对象来获取.
   2. 方法:
      1. 获取Element对象......
      2. 创建其他DOM对象

      createAttribute(name)
      createComment()
      createElement()
      createTextNode()
      

2. Element:
   获取/创建: 通过document来获取和创建.
   方法:

   1. removeAttribute(): 删除属性.
   2. setAttribute(): 设置属性.

3. Node
   特点: 所有dom对象都可以被认为是节点.
   方法:
   CRUD dom树:
   | appendChild() | 向节点的子节点列表的结尾添加新的子节点。 |
   | removeChild() | 删除（并返回）当前节点的指定子节点。 |
   | replaceChild() | 用新节点替换一个子节点。 |
   属性:
   | parentNode | 返回节点的父节点。 |

事件

1. 绑定事件
   1. 直接在html标签上, 指定事件的属性, 属性值就是js代码
      事件: onclick -- 单击事件.
   2. 通过js获取元素对象, 指定事件属性, 设置一个函数.

BOM(Browser Object Model)

对象:

• Window
• Navigator
• Screen
• History
• Location

1. Window.
   不需要创建, 可以直接使用. eg. window.方法名(). window也可以省略掉.
   弹出框方法:

   1. alert() 显示带有一段消息和一个确认按钮的警告框.
   2. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. 确定返回true, 取消返回false.
   3. prompt() 显示可提示用户输入的对话框.
   

   操作方法:

   1. open() 打开一个新的浏览器窗口或查找一个已命名的窗口.
   2. close() 关闭浏览器窗口.  
   

   定时器方法

   1. setTimeout() 在指定的毫秒数后调用函数或计算表达式.
         参数:  arg1: js代码, arg2: 毫秒值.     返回值:  唯一标示.
   2. clearTimeout()取消由 setTimeout() 方法设置的 timeout.
   

   属性:

   1. 获取其他BOM对象
   2. 获取DOM对象.

2. location.

   1. 创建.
      window.location.(or location).
   2. 方法

     assign() 加载新的文档.
     reload() 重新加载当前文档。
     replace() 用新的文档替换当前文档.
   

   3. 属性.