BOM（浏览器对象模型）

window

定义

• window是js在浏览器环境中 全局变量
• 函数就是window的方法
• 全局变量就是window的属性

属性

• document
• location
• history
• screen
• navigator
• innerWidth 文档区域宽度
• innerHeight 文档区域高度
• outerWidth 浏览器窗口宽度
• outerHeight 浏览器窗口高度
• name 窗口的名字
• parent 父窗口
• top 顶层窗口
• length 子窗口的数量
• frames 子窗口的集合

方法

• alert() 警告框
• confirm() 确认框
• prompt() 可输入弹框
• setInterval()
• clearInterval()
• setTimeout()
• clearTimeout()
• open() 打开新窗口
• close() 关闭窗口
• print() 打印

location （地址位置）

属性

• href 完整的url
• protocol 协议
• hostname 主机名
• port 端口号
• host 主机名和端口号
• pathname 文件路径
• search 查询部分

• hash 锚点部分

  方法

• reload()
• assign()

• replace()

history （历史记录）

属性

• length 历史记录的数量

方法

• back() 回退一步
• forward() 前进一步
• go(n) 前进/后退 n步

screen （屏幕）

属性

• width 屏幕宽度
• height 屏幕高度

navigator （导航）

属性

• userAgent 平台、浏览器相关的信息
• platform 平台

DOM （文档对象模型）

补充

浏览器内核

• 内核应该包含 渲染引擎  JS引擎
• 渲染引擎负责渲染HTML和CSS， JS引擎负责运行JS
• 如今提到浏览器内核也能够单指渲染引擎

常见的浏览器内核

• webkit （chrom safari）
• blink （webkit的改型， chrome、opera）
• trident IE
• Gecko Firfox
• Kestrel 老欧朋

URL URI 区别

• URI 标准 中包含 URN 和 URL
• URI： 统一资源标示符
• URN：统一资源命名符
• URL： 统一资源定位符