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

1.screen:

screen.width;

screen.hight;

screen.avaiwidth;

screen.avaihight;

2.location:

location.protocol 协议

location.hostname 主机ip

location.pathname 路径、端口后面？前面

location.port 端口

location.search ?开始的内容

location.hash #

location.href 获取修改地址信息

location.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：取消计时器

7，clearTimeout和clearInterval

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

8，监听浏览器的方法

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

9，持久化数据存储
localStorage：永久存储，浏览器不卸载数据就不会消失
        setItem(key,value)  设置
        var value = getItem(key)  获取
        removeItem(key)  删除
        clear()  清空
sessionStorage：会话存储，浏览器不关闭数据就不会消失。
        setItem(key,value)  设置
        var value = getItem(key)  获取
        removeItem(key)  删除
        clear()  清空
10，cookie键值对以及有效期的设置

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