一、今日学习内容
1.history
描述：表示当前窗口的浏览历史，保存了当前窗口访问过的所有页面网址。
history.length；访问网址数量
history.back(); 返回上一页
history.go(n); 前往
n > 0 前进n页
n < 0 后退n页
n = 0 刷新
history.forward(); 前往下一页
特点：都是通过缓存来进行访问，而不是要求服务器发送新的网页，不会影响length的长度
2.offset
e.clientX/e.clientY;距离浏览器页面左侧以及顶部的距离
e.pageX/e.pageY;距离浏览器页面左侧以及顶部的距离
e.x/e.y;距离浏览器页面左侧以及顶部的距离
e.offsetX/e.offsetY;距离自身盒子的x轴以及y轴距离
box.offsetLeft/box.offsetTop;盒子距离浏览器页面左侧的距离/距离页面上部的距离
box.offsetHeight/box.offsetWidth;盒子的高度/盒子的宽度
3。web存储
localStorage:本地存储
特点：本地存储，永久储存机制，除非手动清除，否则会一直在
增加数据：localStorage.setItem('属性', 属性值);
获取数据：console.log(localStorage.getItem('属性名'));
修改数据：localStorage.setItem('name', '小黑');
删除单个数据： localStorage.removeItem('addr');
清空数据：localStorage.clear();
sessionStorage：会话储存
特点：浏览器从开始打开到关闭浏览器--整个的过程就叫做一次会话（生命周期）
增加数据：sessionStorage.setItem('属性', 属性值);
获取数据：console.log(sessionStorage.getItem('属性名'));
修改数据：sessionStorage.setItem('name', '小黑');
删除单个数据： sessionStorage.removeItem('addr');
清空数据：sessionStorage.clear();
JSON方法
JSON.stringify（）将数据转成字符串
JSON.parse（）将字符串转成对象
二、今日问题
今日未遇到问题
|
