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
+ 得到: 浏览器所在设备的操作系统


 

posted @ 2021-06-28 20:54  shell白白  阅读(98)  评论(0)    收藏  举报