JavaScript BOM
欢迎光临我的博客[http://poetize.cn],前端使用Vue2,聊天室使用Vue3,后台使用Spring Boot
- Window
- Navigator
- Screen
- History
- Location
Browser Object Model (BOM)允许 JavaScript 与浏览器对话
Window 对象
- 所有浏览器都支持 window 对象。它代表浏览器的窗口。
- 所有全局
JavaScript 对象,函数和变量
自动成为window 对象的成员
。 - 全局变量是 window 对象的
属性
。
全局函数是 window 对象的方法
。 window.document.getElementById("header");
等同于:
document.getElementById("header");
Window Location
window.location 对象可不带 window 前缀书写。
window.location.href 返回当前页面的 href (URL)
window.location.hostname 返回 web 主机的域名
window.location.pathname 返回当前页面的路径或文件名
window.location.protocol 返回使用的 web 协议(http: 或 https:)
window.location.assign 加载新文档
Window History
window.history 对象可不带 window 书写。
history.back() - 等同于在浏览器点击后退按钮
history.forward() - 等同于在浏览器中点击前进按钮
弹出框
警示框
window.alert() 方法可以不带 window 前缀来写。
alert("我是一个警告框!");
确认框
window.confirm() 方法可以不带 window 前缀来编写。
window.confirm("sometext");
提示框
window.prompt() 方法可以不带 window 前缀来编写。
window.prompt("sometext","defaultText");
var person = prompt("请输入您的姓名", "比尔盖茨");
if (person != null) {
document.getElementById("demo").innerHTML = "你好 " + person + "!今天过的怎么样?";
}
Timing 事件
可以不带 window 前缀来编写。
setTimeout(function, milliseconds)
在等待指定的毫秒数后执行函数。
clearTimeout() 方法停止执行 setTimeout() 中规定的函数。
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
setInterval(function, milliseconds)
等同于 setTimeout(),但持续重复执行该函数。
clearInterval() 方法停止 setInterval() 方法中指定的函数的执行
myVar = setInterval(function, milliseconds);
clearInterval(myVar);
setTimeout() 和 setInterval() 都属于 HTML DOM Window 对象的方法。