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

标题: 2022-11-14王嘉乐前端 [打印本页]

作者: yousay！ 时间: 2022-11-15 06:33
标题: 2022-11-14王嘉乐前端
一、今日学习内容 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（）；
延迟跳转：点击事件下设置一个倒计时

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