BOM-浏览器的窗口\历史记录\版本信息
BOM - Browser Object Model(浏览器对象模型)
私人: 一整套操作浏览器相关内容的属性和方法
=> 操作浏览器的历史记录
=> 操作浏览器的标签页
=> 操作浏览器的滚动条
=> 操作浏览器的地址栏
=> ...
BOM 的操作对象是 window
=> BOM 操作基本上语法都是 window.xxx
=> 在书写的时候可以省略 window. 不写
=> 例子:
-> window.alert()
-> alert()
1. 获取浏览器可视窗口尺寸
=> 语法:
window.innerWidth
window.innerHeight
=> 注意:
获取到的尺寸是包含滚动条的尺寸
2.浏览器弹出层
alert confirm prompt
3.浏览器的历史记录
在 window 下有一个成员叫做 history, 是一个对象数据类型,里面记录着操作浏览器历史记录的方法
1. 历史回退
+ 等价于浏览器的 ← 按钮
+ 前提: 有历史页面
+ 语法: window.history.back()
2. 历史前进
+ 等价于浏览器的 → 按钮
+ 前提: 经历过历史回退
+ 语法: window.history.forward()
3. 历史跳转
+ 语法: window.history.go(整数)
=> 正整数: 历史前进
=> 0: 重新打开当前页面
=> 负整数: 历史回退
+ 注意: 重新打开当前页面, 不能写在打开页面就能执行的地方
4.浏览器的版本信息(了解)
在 window 下有一个成员叫做 navigator, 是一个对象数据类型
+ 里面存储的就是和浏览器相关的版本型号信息
1. (window.navigator.)userAgent
+ 语法: window.navigator.userAgent
+ 得到: 浏览器的型号及版本信息
2. appName
+ 语法: window.navigator.appName
+ 得到:
-> 标准浏览器: Netscape(网景)
-> IE低版本: 浏览器名称
3. appVersion
+ 语法: window.navigator.appVersion
+ 得到: 浏览器的版本
4. platform
+ 语法: window.navigator.platform
+ 得到: 浏览器所在设备的操作系统

浙公网安备 33010602011771号