本文共 910 字，大约阅读时间需要 3 分钟。

目录

---

一、DOM

1、JS中标签关系

    
         
     
    
     
    
     
    
​

2、JS操作页面标签

// 创建一个div标签var div = document.createElement("div");// 添加到body末尾，返回自身div = body.appendChild(div);// 插入到body中box标签前，返回自身div = body.insertBefore(div, box);// 替换掉body中box标签，返回boxbox = body.replaceChild(div, box);// 在body中移除div，返回自身div = body.removeChild(div);

3、JS操作DOM一般步骤

• 1、创建标签
• 2、设置标签样式文本
• 3、添加到页面指定位置

	
    			
    
     box box box bi box
    
	添加到box中	添加到body中	插到body下box之前	将body下box替换为p	删除box

二、BOM

1、窗口操作 open

// 新tag打开目标地址open("http://www.yahoo.com");// 自身tag转跳目标地址open("http://www.yahoo.com", '_self');// 自定义窗口打开目标地址open("http://www.yahoo.com", '_blank', 'width=300, height=300');

2、历史记录 history

// 历史后退history.back();// 历史前进history.forward()

3、导航器 navigator

// 拥有浏览器信息的字符串navigator.userAgent;

4、地址信息 location

// 协议location.protocol// 服务器location.hostname// 端口号location.port// 参数拼接location.search

	
    		open	前进	浏览器信息