BOM

BOM常用的4个对象

BOM:浏览器对象模型,JS与浏览器交互的接口

 

一.window对象

　　全局变量会变成window的属性

　　window.innerWidth : 窗口内宽 ( 包含滚动条的 )

　　window.outerWidth : 窗口外宽 ( 指的是 --- 别全屏,会有一些阴影,边框部分 )

　　document.documentElement.clientWidth  :  窗口内宽( 不含滚动条的--这个用得比较多 )

　　当窗口大小改变之后,会触发resize事件,我们可以使用window.onresize事件

 

 

 

二.navigator对象  -- 指南针,领航员的意思

 

console.log('浏览器品牌', navigator.appName);
console.log('浏览器版本', navigator.appVersion);
console.log('用户代理',    navigator.userAgent);
console.log('操作系统',    navigator.platform);

三.history对象  提供了操作浏览器会话历史

　　常用的就是

　　　　history.back();　　点击浏览器回退按钮

　　　　history.go( -1 );     跟上面的一样的

　　　　超级链接简单写法

　　　　<a href=' javascript: history.back( ) ; '>回退</a>

四.lacation对象

　　window.location 标识 当前所在网址,可以通过这个属性进行页面跳转

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

　　window.location.href = ' http://www.baidu.com '   一样操作

　　window.location.reload( true )  写上true: 表示强制从服务器强制加载  常用的

　　window.location.search 属性即为当前浏览器的GET请求查询参数

　　　　比如: http://www.baidu.com/?a=1 & b=2

　　　　console.log( window.location.search )  得到 " ?a=1 & b=2 "