JS浏览器对象：window对象、History、Location对象、Screen对象

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、JS浏览器对象-window

1、window对象

window对象是BOM的核心，window对象指当前的浏览器窗口

所有JavaScript全局对象、函数以及变量均自动成为window对象的成员

全局变量是window对象的属性

全局函数是window对象的方法

2、window尺寸

window.innerWidth  浏览器窗口的内部高度

window.innerHeight  浏览器窗口的内部高度

二：JS浏览器对象-History

1、History对象

window.history 对象包含浏览器的历史（url）的集合

2、History方法：

history.back( )  与在浏览器点击后退按钮效果相同

history.forward( ) 与在浏览器中点击按钮向前相同

history.go( )  进入历史中的某个页面（可以使用该方法做登录成功之后跳转到上一个页面）：history.go(-1);

三：JS浏览器对象-Location

1、Location对象

window.location对象用于获取当前页面的地址（URL），并把浏览器重定向到新的页面。

2、Location对象的属性

location.hostname 返回web主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回web主机的端口

location.protocol 返回所使用的web协议（http://或https://）

location.href  属性返回当前页面的URL

location.assign( ) 加载新的文档

四：JS浏览器对象-Screen

1、Screen对象

window.screen对象包含有关用户屏幕的信息

2、属性

screen.aviailWidth  可用的屏幕宽度

screen.availHeight  可用的屏幕高度

screen.width  屏幕宽度

screen.height  屏幕高度