JavaScript - BOM浏览器对象模型笔记1.0

2021-12-14 web前端

浏览器对象模型 (BOM)
浏览器对象模型（Browser Object Model）尚无正式标准
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

浏览器对象(BOM)的层次结构

当前浏览器窗口即Window 对象
网页文档内容即document对象
浏览器地址栏即location对象
前进和后退即history对象

Window 对象

浏览器窗口即Window 对象。
所有浏览器都支持 window 对象。
window对象是浏览器对象中其他大部分对象的共同的祖先，所以一般在JavaScript程序中可以省略window对象
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。
全局函数是 window 对象的方法。

常用属性

history
location
screen
- 只读属性，包含有关客户端显示屏幕的信息

常用方法
open()

打开新窗口（创建新的window对象）

open(URL,windowName,parameterList)#### 创建一个新的浏览器窗口，并以指定参数载入一个指定的URL地址
close()
关闭当前浏览器窗口
prompt方法

确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

alert方法

警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。

confirm方法

确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
在用户点击

setTimeout() 在指定毫秒数后调用一次函数或计算表达式
setInterval 指定的函数和表达式按指定间隔周期调用
clearInterval 停止周期调用
moveTo() 移动当前窗口
resizeTo() 整当前窗口的尺寸
confirm与alert、prompt的区别

1.

##history 对象 ##

window.history 对象包含浏览器的历史。
为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。

常用方法
back 加载历史列表中的前一个 URL。
与在浏览器点击后退按钮相同。

forward 与在浏览器中点击按钮向前相同
go go(-1 ) = back
go(1 ) = forward
location 对象

用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

location.href 属性返回当前页面的完整URL。
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
location.assign() 方法加载新的文档。

screen 对象##

包含有关用户屏幕的信息。

##navigator 对象 ##

【JavaScript - BOM浏览器对象模型笔记1.0】获取访问者浏览器的信息。
来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：
navigator 数据可被浏览器使用者更改
浏览器无法报告晚于浏览器发布的新操作系统

document对象

推荐阅读

上一篇：纯HTML加CSS实现3D立体动态相册【超简单、附源码】

下一篇：Python提示_io.TextIOWrapper name='name.txt' mode='r' encoding='UTF-8'解决方法 Python