JavaScript（3）- BOM、DOM和事件

DOM，将标记语言文档的各个组成部分，封装为对象。JavaScript 使用这些对象，对标记语言文档进行CRUD，使页面具有动态效果。所以DOM相当于一个数据库了。

• Node：节点对象。html文档的结构就是一棵树。
• Document：文档对象（类似Java中字节码文件对象）
  • 用于获得元素（标签）对象
  • getElementById() 返回元素对象。
  • getElementsByTagName/ClassName/Name() 返回的是元素对象的数组，所以不能在他们的返回值上直接绑定事件！
• Element：元素（标签）对象
  • 属性：
    • 修改标签属性：样式属性以及其他属性（比如img标签的src属性）
      利用元素的style属性来设置：div1.style.border = "1px solid red"; （js代码中出现了css，耦合度高）
      提前定义好类选择器的样式：div1.setAtribute（"class", ""） 或者 div1..classname =
    • 修改标签包裹内容：innerHTML。div1.innerHTML = "";
  • 方法
    • set/removeAttribute()
    • 为标签绑定事件，事件触发就会调用方法
• Attribute：属性对象
• Text：文本对象
• Comment：注释对象

BOM，浏览器对象

• Window：窗口对象
• Navigator：浏览器对象
• Screen：显示器屏幕对象
• Location：地址栏对象

事件就是各种on。

字节码文件对象

• 属性对象
• 构造器对象
• 方法对象