JavaScript知识点汇总

1. addEventListener()：添加事件句柄

节点.addEventListenere(?事件?, 函数名); 2. removeEventListener()：移除事件句柄

节点.removerEventListener( ?事件?, 函数名);

DOM对象控制HTML 1. 方法

querySelector() querySelectorAll() getElementsByClassName() getElementById()

getElementsByName() getElementsByTagName() createAttribute() setAttributeNode() getAttribute() setAttribute() createElement() createTextNode() insertBefore() removeChild() 2. 属性

childNodes parentNode

offsetHeight scrollHeight

//返回文档中匹配指定 CSS 选择器的一个元素 //返回文档中匹配指定 CSS 选择器的所有元素 //返回文档中所有指定类名的元素集合

//返回对拥有指定 id 的第一个对象的引用 //返回带有指定名称的对象集合 //返回带有指定标签名的对象集合

//创建一个指定名称的属性，并返回Attr 对象属性 //添加新的属性节点 //通过名称获取属性的值 //创建或改变某个新属性 //通过指定名称创建一个元素 //创建文本节点

//在已有的子节点前插入一个新的子节点 //从子节点列表中删除某个节点

//返回包含被选节点的子节点的 NodeList //返回某节点的父节点 //网页尺寸 //网页尺寸

body默认宽度为100%，也就是html（document.documentElement）的宽度

offsetWidth clientWidth scrollWidth offsetHeight clientHeight scrollHeight offsetLeft clientLeft scrollLeft offsetTop clientTop scrollTop offsetParent

16 Browser对象

BOM也就浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准，所以，BOM本身·是没有标准的或者还没有哪个组织去标准它。

BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义window对象。

a. window对象是最顶层的对象

b. widow对象有六大属性，这六大属性本身也是对象

c. window对象旗下的document属性，也是对象，并且document对象旗下有五大属性 d. document对象旗下的五大属性又是对象，总结，都是对象。

16.1 screen对象

1. 2. 3. 4. 5. 6.

availHeight -- 返回屏幕的高度（不包括Windows任务栏） availWidth -- 返回屏幕的宽度（不包括Windows任务栏） height -- 返回屏幕的总高度 width -- 返回屏幕的总宽度

colorDepth -- 返回目标设备或缓冲器上的调色板的比特深度 pixelDepth -- 返回屏幕的颜色分辨率（每象素的位数）

16.2 location对象

16.2.1 location对象属性（可读可写）

1. 2. 3. 4. 5. 6. 7. 8.

protocol -- 返回一个URL协议（例如：http:） hostname -- 返回URL的主机名 pathname -- 返回的URL路径名

port -- 返回一个URL服务器使用的端口号（如果端口为80默认端口，则不返回） host -- 返回一个URL的主机名和端口（如果端口为80，则只返回主机名） href -- 返回完整的URL

hash -- 返回一个URL的锚部分（从井号#开始的部分）

search -- 返回一个URL的查询部分（从问号？开始的部分）