菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
王涛-20221114-DOM&BOM-DAY06
[打印本页]
作者:
黑桃K
时间:
2022-11-14 23:45
标题:
王涛-20221114-DOM&BOM-DAY06
DOM&BOM-DAY06
1.history
表示当前窗口的浏览历史,保存了当前窗口访问过的所有页面网站
history.length---访问过几个地址,历史列表的长度
history.back()---返回上一页
history.go(n);
n>0 前进n页
n<0 后退n页
n=0 刷新==location.reload();
history.forward(); 前往下一页
都是通过缓存进行访问,而不是要求服务器发送新的网页
所以不会影响length长度
2.offset
dom.offsetX---获取元素内部点击x轴数值
dom.offsetY---获取元素内部点击x轴数值
dom.offsetwidth---获取元素的宽度
dom.offsetHeight---获取元素的高度
dom.offsetTop---获取元素到顶端的距离
dom.offsetLeft---获取元素到左边缘的距离
3.web存储
localStorage:本地存储
永久的存储机制,除非手动删除,否则一直有效
sessionStorage:会话存储
临时的存储机制,浏览器关闭自动清除
cookie:过期时间
会话:浏览器从开始打开到关闭浏览器---整个过程就叫做一次会话增加/修改
localStorage.setItem('属性名', '属性值');
查找
localStorage.getItem('属性名');
删除某个
localStorage.removeItem('属性名');
删除所有
localStorage.clear();
4.JSON
JSON.stringify();
把对象转为字符串
JSON.parse();
把字符串转为对象
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4