【javaScript详细知识点汇总2】

js操作BOM对象（browser object model：浏览器对象模型）

【window(核心)】对象：——>document文档 —— history历史URL对象 —— location当前URL对象........

一. ▶【定时函数】：

（延迟调用）

★setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次！

（循环调用）★setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式！

- 【清除定时】：clearTimeout() 和 clearInterval()

二.【history】对象(访问后,旧)：

back() ——>(返回)前一个urlforward() ——>(前进)下,后一个urlgo() ——>正数加载前进，负数加载后退，等同于上两个方法

• ★2,【location】对象(新)：

host 属性——>设置或返回主机名和当前URL的端口号...reload() ——>刷新加载当前文档replace() ——>新的替换当前文档

三.【document 对象常用方法】：

（[0]下标的添加使用！）

★ .getElementById() 返回对拥有指定(id) 的第一个对象的引用。

★ .getElementsByName() 返回带有指定(名称)的对象集合。

★ .getElementsByTagName() 返回带有指定(标签名)的对象集合

★ . getElementsByClassName() 返回文档中所有指定类名的元素集合，作为 NodeList 对象集合。是一个类似于数组的数据格式，仅仅提供了length属性，

★新：document.querySelector(" ")可写标签名，或根据属性变化id#，class.等同于上述方法！

• ★【Date】日期对象，需注意：

getDate()：返回某个月中的某一天(1~31)getDay()：返回星期中的某一天，从零开始，0为周日，getMonth()：返回月份，从零开始，.........

- ★【Math】对象：ceil()：对数进行上舍入 （ x·y轴图解 ——＞x 向上）

floor()：对数进行下舍入（＜——向下）

round()：把数四舍五入为最接近的数

random()：随机数 Math.random() * 个数 + 位置

toFixed()：参数表示保留的小数位置

• ▶ innerHTML属性：是一个字符串，用来设置或获取双标签之间的值HTML

---

js操作DOM对象（Document Object Model 文档对象模型）

划分三类：1、DOM Core(核心)  2、HTML...  3、CSS...

• ★【节点间的关系】(树状结构)：1，整个文档(document)是一个文档节点。  2，每个HTMl标签是一个元素(element)根节点。  3，每个HTMl属性(attribute)是一个属性节点，(注释节点)...... 包含在HTML元素中的文本(text)是文本节点

★【根据层次关系访问节点】：

中间可添加Element属性，消除换行 空行所产生的问题。

perentNode：获取父节点（只有一个）

childNode：获取所有子节点（包含文本节点：文本内容 ，换行）

firstChild：第一个子节点

lastChild：最后一个子节点

nextSibling：获取下一个兄弟节点

previousSibling：获取上一个兄弟节点

★【节点属性操作】：

设置属性值：setAttribute(name,value)

获取属性值：getAttribute(name) name为属性名，

删除属性值：removeAttribute(name)

▶【创建和插入节点】：

★新增：document.createElement() // 参数为标签名

★末尾追加：a.appendChild(b) //在a元素末尾添加b节点

★中间追加：.insertBefore(a,b) //把a节点插入到b节点之前

★cloneNode() //复制某个指定的节点，参数为true则包含该节点所有子节点，false则反之

▶【删除与替换节点】：

★删除：removeChild(b) //指定节点

★替换删除：replaceChild(new,old)　//用new新节点替换old的旧节点