文章目录
提示:以下是本篇文章正文内容,下面案例可供参考
一、BOM是什么?
Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。
二、BOM包含的对象都有哪些?
1.window对象,是JS的最顶层对象,其他的 BOM 对象都window 对象的属性
2.document对象,文档对象
3.location对象,浏览器当前URL信息对象
4.navigator对象,浏览器本身信息
5.screen对象,客户端本身信息
6.history对象,浏览器访问历史信息
1.window对象 是JS的最顶层对象,其他的 BOM 对象都window 对象的属性
(1).Window对象:BOM的核心对象是window,它表示浏览器的一个实例。所有JavaScript全局对象,函数以及变量均自动成为window对象的成员.
(2).window.close();关闭当前的浏览器窗口
(3).window.open(html路径);打开新的浏览器窗口
2.document对象,文档对象
3.location对象,浏览器当前URL信息对象
(1).href属性
设置或者返回当前页面的UPL。
-
获取:获取当前页面的url信息
-
设置:跳转到新的页面
-
location.href ='新地址'
(2).reload()方法刷新当前页面
-
location.reload()
(3)pathname返回目录和文件名
(4)search返回?号后面的所有值
-
location.search()
4.navigator对象,浏览器本身信息
5.screen对象,客户端屏幕信息
-
screen.availWidth;屏幕宽,不包括任务栏 screen.availHeight;屏幕高,不包括任务栏
6.history对象,浏览器访问历史信息
-
back()方法加载历史列表中的前一个URL。后退 forward()方法加载历史列表中的下一个URL。前进 go(): history.go(1)前进 history.go(0)刷新 history.go(-1)后退
总结
提示:这里对文章进行总结:以上就是今天要讲的内容,本文仅仅简单介绍了BOM的使用,而BOM 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构