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

screen:屏幕宽高(分辨率)

width height

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

location:页面地址栏中所有信息 

protocol 协议   https  http
hostname 主机IP
port 端口
pathname 资源路径  端口后面  ？前面
search ?开始内容
hash  获取#开始内容    
href 获取修改地址信息
reload() 刷新

history: 历史记录

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

navigator:浏览器相关

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

警告框

alert("注意啦");

输入框

var inputStr = prompt("请输入","hello world");

确定框

var input=confirm("你确定吗?");

setTimeout,setInterval 会返回一个整数值 用于取消延迟 取消计时

clearTimeout ,clearInterval 清空

<script>
			var mySet = setTimeout(function() {
				console.log("===");
			}, 1000)

			var myInt = setInterval(function() {
				console.log("++++");
			}, 1000)

			// clearTimeout(mySet);
			// clearInterval(myInt);
		</script>

window.onload（）

浏览器资源加载完毕自动调用  
页面所有标签加载成功或者加载失败

window.onresize（）

页面大小改变了 自动触发

window.onscroll（）

滚动条滚动时window.scrollY或window.scrollX

window.onload=function(){console.log("加载完毕");}
			
window.onresize=function(){console.log("页面大小改变");}
			
window.onscroll=function(){console.log("滚动条滚动了", window.scrollY);}

持久化存储数据（数据保存）

   localStorage   //永久存储   浏览器不卸载 数据都在 

    setItem(key,value)  设置
    var value = getItem(key)  获取
    removeItem(key)  删除
    clear()  清空

     sessionStorage   //会话存储    浏览器不关闭 数据都在

     setItem(key,value)
     var value = getItem(key)
     removeItem(key)
     clear()

JSON.parse()       将json字符串转换为对象
JSON.stringfy()    将对象序列化为json字符串

通过下面的代码来实现本地存储空间内容的填写

<span onclick="clickA()">按钮A</span> <span onclick="clickB()">按钮B</span>
	<script>
	var obj= JSON.parse( localStorage.getItem("data") ) || { "num1":0, "num2":0 };
			function clickA(){
				obj.num1++;
				localStorage.setItem("data",  JSON.stringify(obj)    )
			}
			function clickB(){
				obj.num2++;
				localStorage.setItem("data",  JSON.stringify(obj)    )
			}
	</script>

cookie 有有效期的持久化存储   js-cookie

var now = new Date();
now.setDate(now.getDate()+7);
document.cookie="name=qiku;expires="+now.toGMTString();

实现cookie里内容存储七天的指令。