03.28 「前端架构师30天快速掌握js24」之BOM对象

此篇文章讲解目录:

  • window对象

  • screen对象

  • location对象

  • history对象

  • navigator对象

  • 消息框对象

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

window对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM 的 document 也是 window 对象的属性之一

  • window.open() - 打开新窗口

  • window.close() - 关闭当前窗口

  • window.moveTo() - 移动当前窗口

  • window.resizeTo() - 调整当前窗口的尺寸

screen对象

  • screen.availWidth - 可用的屏幕宽度

  • screen.availHeight - 可用的屏幕高度

「前端架构师30天快速掌握js24」之BOM对象

location对象

  • location.hostname 返回 web 主机的域名

  • location.pathname 返回当前页面的路径和文件名

  • location.port 返回 web 主机的端口 (80 或 443)

  • location.protocol 返回所使用的 web 协议(http:// 或 https://)

  • location.href 属性返回当前页面的 URL

「前端架构师30天快速掌握js24」之BOM对象

history对象

  • history.back() - 与在浏览器点击后退按钮相同

  • history.forward() - 与在浏览器中点击按钮向前相同

navigator对象

对象包含有关访问者浏览器的信息

「前端架构师30天快速掌握js24」之BOM对象

消息框对象

  • 提示框 window.alert('提示内容')

  • 确认框 window.confrim('提示内容')

  • 输入框 window.prompt('提示内容','默认值')

「前端架构师30天快速掌握js24」之BOM对象


分享到:


相關文章: