Js--BOM详解
博客说明
文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!
概念
Browser Object Model 浏览器对象模型
将浏览器的各个组成部分封装成对象
组成
- Window:窗口对象
- Navigator:浏览器对象
- Screen:显示器屏幕对象
- History:历史记录对象
- Location:地址栏对象
Window:窗口对象
创建
方法
与弹出框有关的方法: alert()
显示带有一段消息和一个确认按钮的警告框。 confirm()
显示带有一段消息以及确认按钮和取消按钮的对话框。
返回值:
如果用户点击确定按钮,则方法返回true 如果用户点击取消按钮,则方法返回false prompt()
显示可提示用户输入的对话框。
返回值:
获取用户输入的值
与打开关闭有关的方法: close()
关闭浏览器窗口。
open()
打开一个新的浏览器窗口
返回新的Window对象
与定时器有关的方式 setTimeout()
在指定的毫秒数后调用函数或计算表达式。
返回值:唯一标识,用于取消定时器
clearTimeout()
取消由 setTimeout() 方法设置的 timeout。
setInterval()
按照指定的周期(以毫秒计)来调用函数或计算表达式。 clearInterval()
取消由 setInterval() 设置的 timeout。
属性:
- 获取其他BOM对象: history location Navigator Screen:
- 获取DOM对象 document
特点
- Window对象不需要创建可以直接使用 window使用。 window.方法名();
- window引用可以省略。 方法名();
Location:地址栏对象
创建(获取):
- window.location
- location
方法:
- reload() 重新加载当前文档。刷新
属性
- href 设置或返回完整的 URL。
History:历史记录对象
创建(获取):
- window.history
- history
方法:
- back() 加载 history 列表中的前一个 URL。
- forward() 加载 history 列表中的下一个 URL。
- go(参数) 加载 history 列表中的某个具体页面。
- 参数:
- 正数:前进几个历史记录
- 负数:后退几个历史记录
- 参数:
属性:
- length 返回当前窗口历史列表中的 URL 数量。
感谢
黑马程序员
以及勤劳的自己