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

screen
        window.screen 对象包含有关用户屏幕的信息。
        window.screen 对象在编写时可以不使用 window 这个前缀。
screen的属性：
        screen.availWidth - 可用的屏幕宽度(以像素计，减去界面特性，比如窗口任务栏)
        screen.availHeight - 可用的屏幕高度
location
        location.href 返回当前页面的url
        location.pathname 返回url的路径名
        location.reload() 刷新本页面
history对象
        history.back()      加载历史列表中的前一个 URL
        history.forward()  加载历史列表中的下一个 URL
        history.go(number)   加载历史列表中的某个具体的页面   -1 前一个页面,0就是刷新本页面
window.userAgent : 用户代理 标识用户身份（浏览器类型每一个浏览器ua都不一样的）
confirm()弹出确认对话框 ：点击确认有返回值；
alert()弹出警告框：没有返回值
prompt()弹出提示框：有返回值，没有输入内容返回默认值
open()打开网页
        window.open("https://www.baidu.com")打开网页
close()关闭
setTimeout：延时
        例如：setTimeout(名字，2000); 延时2秒执行名字
setTimeout  定时器 
        setTimeout函数设置定时器，让指定的代码在指定的时间运动.
clearTimeout()
        用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。
clearInterval-- 取消指定的setInterval函数将要执行的代码
onload    加载完毕触发事件 
onresize   窗口大小改变触发事件  
onscroll     浏览器滚动事件
localStorage  永久储存
        localStorage.setItem(key, value)     设置
        localStorage.getItem(key)     获取
        localStorage.removeItem(ley)     删除
        localStorage.clear()     清空
sessionStorage  会话储存
        sessionStorage.setItem(key, value)     设置
        sessionStorage.getItem(key)     获取
        sessionStorage.removeItem(ley)     删除
        sessionStorage.clear()     清空
cookie键值对以及有效期的设置
        ​​​​​​​cookie 有有效期的持久化存储 js-cookie
        var now = new Date();获取日期
        ​​​​​​​now.setDate(now.getDate()+7);设置有效的日期，七天后到期
        ​​​​​​​document.cookie="name=qiku;expires="+now.toGMTString();