JavaScript基础之BOM（待完善）

时间线、解析与渲染、封装文档解析完毕函数

渲染模式

1. 标准模式
2. 怪异模式

DTD：文档类型定义
种类：严格版本 过渡版本 框架版本 （素养）

---

BOM的核心：window

1. window对象表示浏览器窗口
2. 所有js全局对象、函数、变量都是window的对象成员

BOM的组成：

• window：window对象上直接定义的属性和方法
• Navigator：浏览器的信息
• History：浏览器 当前窗口 访问的历史记录
• Location：获取当前页面的地址信息、页面重定向等
• Screen：浏览器屏幕的相关信息
• frames：框架相关的信息获取和操作

window对象的属性和方法

1. closed属性 和 close( )
2. parent 返回父窗口。
3. top 返回最顶层的父窗口。
4. self 返回对当前窗口的引用。等价于 Window 属性。
5. window.open(URL,name,specs,replace)
6. moveBy() 可相对窗口的当前坐标把它移动指定的像素。
7. moveTo() 把窗口的左上角移动到一个指定的坐标。
8. resizeBy() 按照指定的像素调整窗口的大小。
9. resizeTo() 把窗口的大小调整到指定的宽度和高度。
   这4个方法只能操作 window.open打开的窗口

还有之前学的 scroll client 偏移那类的要掌握

---

Navigator对象的属性和方法

userAgent属性： 返回由客户机发送服务器的user-agent 头部的值

• 封装检查浏览器类型的方法
  浏览器嗅探

• Mozilla 更名为 Netscape 网景

navigator.connection.effectiveType：返回移动端的网络类型

• 封装检查移动端的网络类型的方法

在这里插入代码片

---

History对象的属性和方法

1. length 返回历史列表中的网址数
2. back() 加载 history 列表中的前一个 URL
3. forward() 加载 history 列表中的下一个 URL
4. go(-n ~ n) 加载 history 列表中的某个具体页面 （n表示数字。0时，刷新当前页面）

---

Screen对象的属性和方法

(几乎都是针对 IE的 属性和方法)

screen.orientation.type： 返回屏幕当前的方向

---

Location对象的属性和方法 ▲

• protocol 协议
• hostname 主机名 域名
• port 端口
• pathname 路劲
• search 请求参数
• href 整个url

修改以上内容都会跳转一个新页面

• hash 哈希值 （e.g. #123之类的）
  只有这个是在当前页面变化

单页面应用案例