资讯专栏INFORMATION COLUMN

携带参数隐藏必要参数,瞬间改变浏览器地址

Enlightenment / 551人阅读

摘要:点击详情跳转的时候,有时候有必要隐藏地址栏的必要参数,本次实验是通过存储定时器刷新浏览器方式来实现的获取地址栏参数及参数值将必要参数缓存到中重定向带有参数的地址通过定时器方式刷新浏览器一次

点击详情跳转的时候,有时候有必要隐藏地址栏的必要参数,本次实验是通过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://www.ucloud.cn/yun/100019.html

相关文章

  • 携带参数隐藏必要参数瞬间改变览器地址

    摘要:点击详情跳转的时候,有时候有必要隐藏地址栏的必要参数,本次实验是通过存储定时器刷新浏览器方式来实现的获取地址栏参数及参数值将必要参数缓存到中重定向带有参数的地址通过定时器方式刷新浏览器一次 点击详情跳转的时候,有时候有必要隐藏地址栏的必要参数,本次实验是通过sessionStorage存储 定时器刷新浏览器方式来实现的1.获取URL地址栏参数 及参数值 function GetUrlP...

    Astrian 评论0 收藏0
  • 重构-改善既有代码的设计(十)--简化函数调用

    摘要:函数改名问题函数的名称未能揭示函数的用途。这些人甚至会在构造函数中使用设值函数。方法将构造函数替换为工厂函数。以上所说的情况,常会在返回迭代器或集合的函数身上发生。以异常取代错误码问题某个函数返回一个特定的代码,用以表示某种错误情况。 Rename Method 函数改名 问题 函数的名称未能揭示函数的用途。 方法 修改函数名称。 动机 好的函数需要有一个清晰的函数名。保证一看就懂 A...

    SQC 评论0 收藏0
  • 手把手教你撸一个网页聊天室

    摘要:前端逻辑搞定之后,思考一下这个聊天室的交互是怎么实现的。在前端监听一个事件,这个事件的触发条件是成功和服务端建立连接。携带一个参数,即用户的输入。别人发送的消息现在就需要在前端建立一个响应服务端有新消息的监听事件了。 一些废话:) 最近在学校比较闲,终于有这么一块时间可以自由支配了,所以内心还是十分的酸爽舒畅的。当然了,罪恶的事情也是有的,比如已经连续一周没有吃早饭了,其实现在回头想想...

    nemo 评论0 收藏0
  • 手把手教你撸一个网页聊天室

    摘要:前端逻辑搞定之后,思考一下这个聊天室的交互是怎么实现的。在前端监听一个事件,这个事件的触发条件是成功和服务端建立连接。携带一个参数,即用户的输入。别人发送的消息现在就需要在前端建立一个响应服务端有新消息的监听事件了。 一些废话:) 最近在学校比较闲,终于有这么一块时间可以自由支配了,所以内心还是十分的酸爽舒畅的。当然了,罪恶的事情也是有的,比如已经连续一周没有吃早饭了,其实现在回头想想...

    leiyi 评论0 收藏0
  • 前端安全系列:CSRF篇

    摘要:系列文章前端安全系列篇前端安全系列篇介绍跨站请求伪造,也被称为或者,通常缩写为或者,是一种对网站的恶意利用。 系列文章: 前端安全系列:XSS篇前端安全系列:CSRF篇 CSRF介绍 CSRF(Cross-site request forgery)跨站请求伪造,也被称为One Click Attack或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利...

    Java_oldboy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<