BOM 属性、方法、事件应用案例

1、screen.

屏幕宽高(分辨率) width height

availWidth(可用宽度)  availHeight(可用高度，不包括任务栏)

2、location.

页面地址栏中所有信息

protocal 协议 https http

hostname 主机IP

port 端口

pathname 资源路径 端口后面 ？前面

search ?后开始内容

hash 获取#后开始内容

href 获取修改地址信息

reload() 刷新

3、history.

history：历史纪录

history.back() 回退
 history.forward() 前进
 history.go(偏移量 delta)  从当前位置前进或者后退  0代表刷新

4、userAgen浏览器相关

userAgent : 用户代理 标识用户身份（浏览器类型每一个浏览器ua都不一样的）

5，open 与 close

open：可以调用一个链接，还可以设置它的宽高

close：配合open使用可以关闭open调用的链接页面

_blanke:链接在新页面显示

_parent：链接在当前页面显示

设置一个点击事件调用函数实现打开新的链接

6、setTimeout和setInterval

setTimeout：计时器
setInterval：取消计时器

clearTimeout和clearInterval

clearTimeout：不同于setTimeout,它会一直生成。
clearInterval：取消clearTimeout。

7、监听浏览器的方法

onload：浏览器资源加载完毕自动调用。
onresize：监听页面宽度变化。
onscroll：监听滚动条变化

8、持久化数据存储

localStorage：永久存储，浏览器不卸载数据就不会消失
        setItem(key,value)  设置
        var value = getItem(key)  获取
        removeItem(key)  删除
        clear()  清空
sessionStorage：会话存储，浏览器不关闭数据就不会消失。
        setItem(key,value)  设置
        var value = getItem(key)  获取
        removeItem(key)  删除
        clear()  清空

9、cookie键值对以及有效期的设置

//cookie 有有效期的持久化存储   js-cookie
var now = new Date();
now.setDate(now.getDate()+7);
document.cookie="name=qiku;expires="+now.toGMTString();