JavaScript BOM

BOM与Window

BOM:浏览器对象模型。
window 对象:它代表浏览器的窗口。

所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。
全局变量是 window 对象的属性。document 对象也是 window 对象属性。
全局函数是 window 对象的方法。

窗口尺寸
window.innerHeight : 浏览器窗口的内高度（以像素计）
window.innerWidth : 浏览器窗口的内宽度（以像素计）
窗口方法
window.open() : 打开新窗口
window.close() : 关闭当前窗口
window.moveTo() : 移动当前窗口
window.resizeTo() : 重新调整当前窗口

Window属性

history

window.history 对象包含浏览器历史。

history.back(): 等同于在浏览器点击后退按钮
history.forward(): 等同于在浏览器中点击前进按钮

location

window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。

location.href 返回当前页面的 href (URL)
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径或文件名
location.protocol 返回使用的 web 协议（http: 或 https:）
location.assign 加载新文档

navigator

window.navigator 对象包含有关访问者的信息。

userAgent: 返回由浏览器发送到服务器的用户代理报头（user-agent header）

screen

window.screen 对象包含用户屏幕的信息。

Window方法

对话框

对话框会阻塞线程。

• 警告框：alert()

alert("我是一个警告框！");

• 确认框：confirm() : 返回true false

let r = confirm("请按按钮");
if (r == true) {
    x = "您按了确认！";
} else {
    x = "您按了取消！";
}

• 提示框：prompt() 返回用户输入值

let person = prompt("请输入您的姓名", "比尔盖茨");
if (person != null) {
    document.getElementById("demo").innerHTML = "你好 " + person + "！今天过的怎么样？";
}

记时器

setTimeout()

setTimeout(function, milliseconds)在等待指定的毫秒数后执行函数。
clearTimeout()取消setTimeout设置。

let timeer = setTimeout(function () {
    console.log("123");
}, 1000);

clearTimeout(timeer);

setInterval()

setInterval(function, milliseconds)每隔指定的毫秒数执行代码
clearInterval()取消setInterval()设置

let timer = setInterval(function () {
    console.log("123");
}, 1000);
clearTimeout(timer);

Window事件

• load:文档和所有图片完成加载时
• unload:离开当前文档时
• beforeunload:和 unload 类似，但是它提供询问用户是否确认离开的机会
• resize:拖动改变浏览器窗口大小时
• scroll:拖动浏览器时