关于BOM对象和DOM的一些基础知识点

一.window对象
1.定时器
（1）setTimeout（定时执行）
举例：
setTimeout(
function(){console.info(1)}
,1000);
结果：1s后控制泰输出1；
（2）setInternal（间隔执行）
举例：
setInternal(
function(){console.info(1)}
,1000);
结果：每隔一秒输出一个1；
（3）clearTimeout,clearInterval:
用于清除setTimeout和清除setInterval
（4）递归（自己无限调用自己），如下例子中用setTimeout间隔输出输出“1”:
function func(){
console.info(1);
setTimeout(func,1000);
}
func();

2.弹窗
（1）alert(" "); .....阻塞后面程序
(2) var bool = confirm(" "); .....阻塞后面程序，返回布尔值
(3) var str = prompt(" "); .....阻塞后面程序，返回字符串

3.打开和关闭函数
(1) open()：open函数，即弹窗，一般为广告商设计
var baidu = open("http://www.baidu.com");
上面语句表示，一打开页面会自动链接到百度
(2) close():关闭函数，语句表示10s后会自动关闭打开的百度页面
var baidu = open("http://www.baidu.com");
setTimeout("baidu.close()",10000);

4.window.location对象
location.href("http:www.baidu.com")

5.window.history对象
（1）history.back(); ....返回上一个页面
（2）history.forward(); ....进入下一个页面

二.DOM
1.直接获取节点
（1）document.getElementById("id") 根据id获取节点
（2）document.getElementByTagName("div") 根据标签名获取节点
（3）document.getElementsByClassName("class") - 根据类名获取节点。

2.创建节点
（1）createElement("div") 创建div的元素节点。
（2）createTex tN ode("tex t") 创建包含“tex t”的文本节点。
下面例子中分别创建了一个text节点和一个div节点，并把该text，div放入HTML文档中
var textEle = document.createTextNode("你好");
var divele = document.createElement("div");
divele.appendChild(textEle);
document.body.appendChild(divele);

3.增加节点
appendChild(node) 在所有子节点之后添加一个node。
insertBefore(a, b) 在节点b前添加节点a.

4.删除节点
remove(a) 删除节点a

5.替换节点
raplaceChild(new node, oldnode) 把oldnode替换为new node

转载于:https://www.cnblogs.com/james314503660/p/5402369.html