JavaScriptBOM对象

BOM

什么是BOM?
BOM(浏览器对象模型),BOM将浏览器中的各个部分转换成了一个一个的对象,我们通过修改这些对象的属性,调用他们的方法,从而控制浏览器的各种行为。

什么是window对象?
window对象是BOM的核心,它表示一个浏览器的实例。在浏览器中我们可以通过window对象来访问操作浏览器,同时window也是作为全局对象存在的。需要注意的是:window对象是浏览器中的全局对象,因此所有在全局作用域中声明的变量、对象、函数都会变成window对象的属性和方法。(也是就是说window对象可以操控我们看到的整个窗口的内容)。

窗口大小:浏览器中提供了四个属性用来确定窗口的大小
1、网页窗口的大小:innerWidth、innerHeight;
2、浏览器本身的尺寸:outerWidth、outerHeight。

打开窗口
使用 window.open() 方法既可以导航到一个特定的 URL,也可以打开一个新的浏览器窗口。
这个方法需要四个参数:
1、需要加载的url地址;
2、窗口的目标;
3、一个特性的字符串;
4、是否创建新的历史记录。

超时调用:超时调用都是在全局作用域中执行的
1、超时调用:setTimeout(),超过一定时间以后执行指定函数;
需要连个参数:要执行的内容、超过的时间
2、取消超时调用:clearTimeout()

间歇调用:每隔一段时间执行指定代码
1、间歇调用:setInterval()
需要的参数:要执行的代码、间隔的时间
2、取消间歇调用:clearInterval()

系统对话框:浏览器通过 alert() 、 confirm() 和 prompt() 方法可以调用系统对话框向用户显示消息。它们的外观由操作系统及(或)浏览器设置决定,而不是由 CSS 决定。显示系统对话框时会导致程序终止,当关闭对话框程序会恢复执行。
1、alert:alert()接收一个字符串并显示给用户。调用alert()方法会向用户显示一个包含一个确认
按钮的对话框。
2、confirm:confirm和alert类似,只不过confirm弹出的对话框有一个确认和取消按钮。用户可以通过按钮来确认是否执行操作。
3、prompt:prompt会弹出一个带输入框的提示框,并可以将用户输入的内容返回。

location对象:location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导
航功能。
1、href属性:href属性可以获取或修改当前页面的完整的URL地址,使浏览器跳转到指定页面;
2、assign() 方法:所用和href一样,使浏览器跳转页面,新地址错误参数传递到assign ()方法中;
3、replace()方法:功能一样,只不过使用replace方法跳转地址不会体现到历史记录中;
4、reload() 方法:用于强制刷新当前页面。

navigator对象:navigator 对象包含了浏览器的版本、浏览器所支持的插件、浏览器所使用的语言等
各种与浏览器相关的信息。我们有时会使用navigator的userAgent属性来检查用户浏览器的版本。

history对象:history 对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。
1、go():使用 go() 方法可以在用户的历史记录中任意跳转,可以向后也可以向前;
2、back():向后跳转;
3、forward():向前跳转。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值