zoukankan      html  css  js  c++  java
  • 携带参数隐藏必要参数,瞬间改变浏览器地址

    点击详情跳转的时候,有时候有必要隐藏地址栏的必要参数,本次实验是通过sessionStorage存储 定时器刷新浏览器方式来实现的
    1.获取URL地址栏参数 及参数值

    
    function GetUrlParam(paraName) {
      var url = document.location.toString();
      var arrObj = url.split("?");
    
      if (arrObj.length > 1) {
        var arrPara = arrObj[1].split("&");
        var arr;
    
        for (var i = 0; i < arrPara.length; i++) {
          arr = arrPara[i].split("=");
    
          if (arr != null && arr[0] == paraName) {
            return arr[1];
          }
        }
        return null;
      } else {
        return null;
      }
    }
    

    2.将必要参数缓存到sessionStorage中

    
    if (GetUrlParam('validKey') != null ) {
       sessionStorage.setItem("validKey", decodeURIComponent(GetUrlParam('validKey')))
       
    }
    
    

    3.重定向带有参数的地址

    
    let url = location.href;
    if (url.indexOf("?") != -1) {
      url = url.split("?")[0];
      location.href = url;
    }
    // 通过定时器方式刷新浏览器一次
    let w1 = setTimeout(() => {
      location.reload();
    }, 100);
    setInterval(() => {
      clearTimeout(w1);
    }, 100);
    
    

    原文地址:https://segmentfault.com/a/1190000017377549

  • 相关阅读:
    利用@media screen实现网页布局的自适应
    js判断手机的左右滑动
    文档流
    对文本段落操作的一些细节
    简易菜单的制作
    jQuery Scroll Follow
    node 监听接口
    浏览器通知
    webSocket
    前端学习路线
  • 原文地址:https://www.cnblogs.com/datiangou/p/10122757.html
Copyright © 2011-2022 走看看