BOM是什么?

本文介绍了浏览器对象模型(BOM),重点讲解了window、document、location、navigator、screen和history等核心对象的作用、属性和方法,展示了如何与浏览器窗口进行交互。
摘要由CSDN通过智能技术生成



提示:以下是本篇文章正文内容,下面案例可供参考

一、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 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值