菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 陈玉-20221114-DOM&BOM-DAY06 [打印本页]

作者: polaris123 时间: 2022-11-15 00:14
标题: 陈玉-20221114-DOM&BOM-DAY06
一、今日学习内容
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（）将字符串转成对象
二、今日问题
今日未遇到问题

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)