BOM

BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location

window是全局对象很对关于浏览器的脚本设置都是通过它。

location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容。

navigator中有很多浏览器相关的内容,通过判断浏览器内容都是通过这个对象。

screen常常用来判断屏幕的高度宽度等。

history不太常用,一般应该不会有写关于历史记录的脚本。

其中比较常用的内容就是:

            如何判断各种版本的浏览器。


打开窗口

open()方法,用于打开新的窗口

setTimeout( () => {        

    window.open(http://baidu.com)

},5000)

关闭窗口

close()方法,关闭当前窗口

setTimeout( () => {        

    window.close()

},1000) 


window常用方法

(1)弹框方法

        window.alert('消息框')

        window.prompt('输入框')

        window.confirm('确认框') 

(2)强转类型方法

        console.log(window.parseInt('123'));   //强转为整数

        console.log(window.parseFloat('123.123'));  //强转为浮点数

        console.log(window.isNaN('123'));   //判断一份数据是否不是数字

        console.log(window.isNaN('123s'));

(3)定时器方法

     //指定的毫秒后,执行的定时器:    window.setTimeout()

        window.setTimeout(function(){

            console.log('好好学习 天天向上');

        },3000)

    //每隔指定的毫秒后,执行的定时器:    window.setInterval()

        window.setInterval(function(){

            console.log('HolleWorld');

        },2000)



    window常用属性

(1)location属性

location是window对象的属性,该属性用于设置网页的地址栏

location.href属性 表示跳转,当前浏览器的地址栏发生了跳转

其实超链接标签的内部就是对location.href属性的封装

window.location.href = 'http://baidu.com'

location.reload()方法 表示刷新当前地址栏(刷新当前窗口)

window.location.reload()

(2)history属性

history是window对象的属性,该属性用于设置网页的浏览历史记录

forward()前进

window.history.forward()

back()后退

window.history.back()

go()方法,既可以实现前进,也可以实现后退

window.history.go(1) //前进一次

window.history.go(3) //前进三次

window.history.go(-1) //后退一次

window.history.go(-3) //后退三次

document,提供了操作当前网页的属性和方法

浏览器最主要的作用是:浏览网页,document对象用于操作当前浏览的网页

console.log(window.document);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容