一、今日学习内容 history
表示当前窗口的浏览历史，保存了当前窗口访问过的所有页面网址
web存储
//history是访问过的次数和记录
console.log(window.history); //history是访问过的次数和记录
// 访问过几个地址：历史列表的长度
console.log(window.history.length);
btn1.addEventListener('click', function () {
history.back();
})
btn2.addEventListener('click', function () {
history.go(1);
// history.go(-2);
// history.go(0);
})
btn3.addEventListener('click', function () {
history.forward();
})
// histoty.back();返回上一页
// history.go(n);前往
// n>0 前进n页
// n<0 后退n页
// n=0 刷新==相当于location.reload();
// history.forward();前往下一页
// 都是通过缓存来进行访问，而不是要求服务器发送新的网页
// 所以不会影响length的长度
localStorage:本地存储sessionStorage:会话存储
localStorage:永久存储机制，除非手动删除，否则一直有效sessionStorage:临时的存储机制，浏览器关闭自动清除cookie:过期时间会话：浏览器从开始打开到关闭浏览器--整个的过程就叫做一次会话
因为在进行当地储存时候{}[]会变为object 如果不进行转化无法进行遍历
json的两个方法：json.srtingfy（）；把对象转为字符串
json.parse（）把字符串转为对象
清空当地存储：localStorage.clear（）;
offset: 整个页面中 console.log(e.clientX）；
console.log(e.x)；
在自己内部的坐标 相对自己本身而言的坐标：console.log（e.offsetx）;
console.log(y);
console.log(dom.offsetLeft);
dom.setTop;
dom.offsetWidth;
dom.offsetHeight;
非空验证：console.log(Boolean(iptVal));
console.log(!!iptVal);
本地存储操作：增改：setItem （‘name’，‘小白’） 查数据：getItem（‘name’）
删除单个：removeItem（‘addr’）
清空数据 ：localStorage.clear（）；
延迟跳转：点击事件下设置一个倒计时
|
