JavaScript-9(BOM浏览器对象模型)

BOM（浏览器对象模型）

一、window

1. 定义

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

2. 属性

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

3. 方法

• alert() 警告框（确认）
• confirm() 确认框（确认、取消）返回值为true/false
• prompt() 可输入弹框,返回所写的内容
• setInterval()
• clearInterval()
• setTimeout()
• clearTimeout()
• open() 打开新窗口
• close() 关闭窗口（只能关闭open打开的窗口）
• print() 打印
• scrollBy(x,y)滚动的距离 可以为负值
• scrollTo(x,y) 直接滚动到x,y指定的坐标
• moveBy()相对窗口的当前坐标把它移动到指定的像素
• moveTo()把窗口的左上角移到一个指定的坐标
• resizeBy()按照指定的像素调整窗口的大小
• resizeTo()把窗口的大小调整到指定的宽度和高度

二、location （地址位置）

1. 属性

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

2. 方法

• reload()页面重新加载
• assign()打开一个新的页面（会有历史记录）
• replace()打开一个新的页面，改变本页面的localhost（不会有历史记录）
  

三、history （历史记录）

1. 属性

• length 历史记录的数量（是本窗口的历史记录，而不是浏览器）

2. 方法

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

四、screen （屏幕）

1. 属性

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

五、navigator （导航）

1. 属性

• userAgent 平台、浏览器相关的信息
• platform 平台，可得到操作系统
• appName 返回浏览器的名称。
• appVersion 返回浏览器的平台和版本信息。
• appCodeName 返回浏览器的代码名。
• onLine 返回指明系统是否处于脱机模式的布尔值。

六、 补充

1.浏览器内核

• 内核应该包含 渲染引擎 JS引擎
• 渲染引擎负责渲染HTML和CSS， JS引擎负责运行JS
• 现在提到浏览器内核也可以单指渲染引擎

2.常见的浏览器内核

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

3.URL URI 区别

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