JavaScript之BOM操作

最新推荐文章于 2025-02-05 15:30:50 发布

原创最新推荐文章于 2025-02-05 15:30:50 发布 · 752 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript #BOM

收录于

JavaScript学习总结专栏收录该内容

1 篇文章

订阅专栏

本文深入解析浏览器对象模型(BOM)，包括通过window对象访问文档、框架、浏览器信息、屏幕信息等功能。涵盖页面跳转、刷新、历史记录操作及新窗口打开的方法。

BOM :浏览器对象模型
可以通过全局对象window来访问

	window.document  // 当前页面的文档（源码）
	window.frames  // 框架集合
	window.navigator  // 浏览器及其功能信息
	window.screen // 屏幕信息
	window.location
	window.history // 历史信息
	window.close()  // 关闭页面
    window.open('url',"blank","style") //打开一个新页面，是否在新窗口打开，blank为true，则是在新窗口打开，style为样式

window.location

 	window.location.href = ''// 跳转页面
    window.location.reload()  // 刷新页面
    window.location.reload(true)// 带缓存刷新
    window.location.replace()  // 跳转页面不留痕迹
    window.location.assign()  // 跳转页面留痕迹

window.history

	window.history.back()  // 跳转到前一页
    window.history.forward()  // 跳转到后一页
    window.history.back() // 上一页
    window.history.go()  // 大于0时，跳转到自己后面的页面。小于0时，跳转到前面的页面