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);