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 对象的方法。
posted @ 2019-08-12 17:19  LittleDonkey  阅读(176)  评论(0编辑  收藏  举报