梳理BOM对象及其常用方法

BOM对象的常用方法梳理

1.Window对象

window是当前的窗口对象
window.open()
window.close() // 注意这个需要有open方法返回的对象才能调用关闭,避免恶意脚本操作浏览器
window.scrollBy(x,y)
window.scrollTo(x,y)  //关于移动滚动条的时候

2.History对象

history.go(num)
history.back()
history,forward()

//vue和react的history跟他十分类似

3.Navigator对象

Navigator 对象

Navigator 对象包含有关浏览器的信息。

比如进行浏览器移动端和PC端的判断然后进行跳转,但是因为User-agent可以伪造，这个只能粗略判读。

1. navigator.appName 返回当前浏览器的名字 ,appName 属性是一个只读到字符串，声明了浏览器的名称。在基于 Netscape 的浏览器中，这个属性的值是 “Netscape”。在 IE 中，这个属性的值是 “Microsoft Internet Explorer”。其他浏览器可以正确地表示自己或者伪装成其他的浏览器以达到兼容性。
2. navigato.appVersion 返回当前浏览器的版本

//根据用户浏览器来显示信息
var browseName=navigator.appName
var version=navigator.appVersion
version=ParseFloat(version)
if (browserName=='Netscape'){xxx}

4.Screen对象

Screen 对象包含有关客户端显示屏幕的信息。

没啥用
screen.width
screen.height
你电脑的屏幕宽高

5.Location对象

location.replace()
location.assign()
//是否产生历史记录的区别
location.reload()