C2、BOM与DOM

C2、BOM与DOM

一、window对象

1. 所有的全局变量都是window属性

2. 所有的全局方法都是window方法

二、document对象

1. document对象是window的一部分

2. getElementById获取指定id节点

3. querySelector（） id选择器，all可以选择全部

4. 事件绑定：

   • 方式一匿名函数，选择CSS，然后.click=function 来构造点击方法例如

   h5.click = function(){alert("hello");}//传入的是方法，并不是函授执行结果，不要加()。

   • 方式二传递函数

   h5.click = f;//传入的是方法，并不是函授执行结果，不要加()。
   function f(){};

5. onload 等待页面元素加载完毕之后才使用，防止元素还没加载完

6. DOM关系节点(注意取回来的数组还是元素)

   • parent节点：只有一个，

   • sibling节点: 兄弟节点

   • firstChild/firstElementChild节点：第一个节点

   • lastChild/lastElementChild节点：获取最后一个节点

   • childNodes 用nodeType 来过滤节点

   • children 只返回HTML节点（IE包括注释都会返回）

7. 插入删除复制节点：

• appendChild

• insertBefore 在某个地方插入

• removeChild 方法

• remove()删除自己

• cloneNode() false :浅拷贝只拷贝一层 深拷贝拷贝所有东西

8. Array内置方法

   instanceof 判断类型

   Array.isArray()判断是不是数组

   toString() 转换成字符串

   valueOf()返回数组本身