JavaScript学习(十四)——BOM

JavaScript 专栏收录该内容
30 篇文章 0 订阅

BOM是浏览器对象模型,BOM可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览器的操作

BOM对象:

Window——代表的使整个浏览器的窗口,同时window也是网页中的全局对象

Navigator——代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器

由于历史原因Navigator;对象中的大部分属性都已经不能帮助我们识别浏览器了,一般我们只会使用userAgent来判断浏览器的信息,userAgent是一个字符串,这个字符串中包含有用来描述浏览器信息的内容,不同的浏览器会有不同的userAgent。但需要注意的是在IE11中已经将微软和IE相关的标识都已经去除了,所以我们基本已经不能通过userAgent来识别一个浏览器是否是IE了,但是我们可以通过一些浏览器中特有的对象,来判断浏览器的信息,比如为了兼容IE可以使用ActiveXObject属性


    if("ActiveXObject" in window){
        说明是IE浏览器(包括IE11等);
    }

Location——代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面

如果直接打印location,则可以获取到地址栏的信息(当前页面的完整路径),如果直接将·location属性修改为一个完整的路径或者相对路径,则我们的页面会自动跳转到该路径,并且会生成相应的历史记录

assigr()方法用来跳转到其他页面,作用和直接修改location一样,并且会生成相应的历史记录

reload()方法用于重新加载当前页面,作用和刷新按钮一样,如果在方法中传参一个true作为参数,则会强制清空缓存刷新页面

replace()方法可以使用一个新的页面替换当前页面,调用完毕也会跳转页面,但是不会生成历史记录,所以不能使用回退按钮回退

History——代表浏览器的历史信息,可以通过该对象来操作浏览器的历史记录,但是由于隐私原因,该对象不能获取到具体的历史记录,只能操作浏览器向前或者向后翻页

length属性可以获取到当前访问过的连接数量

back()方法可以用来回退到上一个页面,作用和浏览器的回退按钮一样

forwarod()方法可以跳转到下一个页面,作用和浏览器的前进按钮一样

go()方法可以用来跳转到指定的页面,他需要一个整数作为参数,参数为1表示向前跳转一个页面,2表示向前跳转两个页面,-1表示向后跳转一个页面,-2表示向后跳转两个页面

Screen——代表用户的屏幕的信息,通过该对象可以获取到用户的显示器的相关信息

以上这些BOM对象在浏览器中都是作为window对象的属性保存的,可以通过window对象来使用,也可以直接使用。

定时器函数

setInterval()函数,可以定时调用一个函数,该函数每隔一段时间就被调用一次,第一个参数是回调函数,该函数会每个一段指定的时间被调用一次,第二个参数是每次调用间隔的时间,单位是毫秒,该函数的返回值是一个Number类型的数据,这个数字用来作为定时器的唯一标识。

而clearInterval()可以用来关闭一个定时器,该函数需要一个定时器的标识作为参数,这样将关闭标识对应的定时器,该函数可以接收任意参数,如果参数是一个有效的定时器标识,则停止对应的定时器,如果参数不是一个有效的标识,则什么也不做。

延时调用函数

setTimeout()函数可以延时调用一个函数不马上执行,而是隔一段时间以后再执行,而且只会执行一次。

clearTimeout用来关闭一个延时调用函数

延时调用和定时调用都是可以互相替代的,在开发中可以根据自己的需要选择

 

  • 0
    点赞
  • 1
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值