| 一、今日学习内容 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：会话储存 特点：浏览器从开始打开到关闭浏览器--整个的过程就叫做一次会话（生命周期） 增删改查与localStorage相同 JSON方法 JSON.stringify（）将数据转成字符串 JSON.parse（）将字符串转成对象 |
| 欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |