攜帶參數(shù)隱藏必要參數(shù)，瞬間改變?yōu)g覽器地址

Enlightenment 發(fā)布于2019-08-23 14:03 / 712人閱讀

摘要：點(diǎn)擊詳情跳轉(zhuǎn)的時(shí)候，有時(shí)候有必要隱藏地址欄的必要參數(shù)，本次實(shí)驗(yàn)是通過存儲定時(shí)器刷新瀏覽器方式來實(shí)現(xiàn)的獲取地址欄參數(shù)及參數(shù)值將必要參數(shù)緩存到中重定向帶有參數(shù)的地址通過定時(shí)器方式刷新瀏覽器一次

點(diǎn)擊詳情跳轉(zhuǎn)的時(shí)候，有時(shí)候有必要隱藏地址欄的必要參數(shù)，本次實(shí)驗(yàn)是通過sessionStorage存儲定時(shí)器刷新瀏覽器方式來實(shí)現(xiàn)的
1.獲取URL地址欄參數(shù) 及參數(shù)值

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.將必要參數(shù)緩存到sessionStorage中

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

3.重定向帶有參數(shù)的地址

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

云服務(wù)器 GPU云服務(wù)器 php隱藏域攜帶參數(shù) webrtc視頻流攜帶參數(shù) asp 隱藏參數(shù) js 瀏覽器參數(shù)亂碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/100019.html

相關(guān)文章

攜帶參數(shù)隱藏必要參數(shù)，瞬間改變瀏覽器地址

摘要：點(diǎn)擊詳情跳轉(zhuǎn)的時(shí)候，有時(shí)候有必要隱藏地址欄的必要參數(shù)，本次實(shí)驗(yàn)是通過存儲定時(shí)器刷新瀏覽器方式來實(shí)現(xiàn)的獲取地址欄參數(shù)及參數(shù)值將必要參數(shù)緩存到中重定向帶有參數(shù)的地址通過定時(shí)器方式刷新瀏覽器一次點(diǎn)擊詳情跳轉(zhuǎn)的時(shí)候，有時(shí)候有必要隱藏地址欄的必要參數(shù)，本次實(shí)驗(yàn)是通過sessionStorage存儲定時(shí)器刷新瀏覽器方式來實(shí)現(xiàn)的1.獲取URL地址欄參數(shù) 及參數(shù)值 function GetUrlP...

Astrian 2019-08-02 16:07 評論0 收藏0
重構(gòu)-改善既有代碼的設(shè)計(jì)(十)--簡化函數(shù)調(diào)用

摘要：函數(shù)改名問題函數(shù)的名稱未能揭示函數(shù)的用途。這些人甚至?xí)跇?gòu)造函數(shù)中使用設(shè)值函數(shù)。方法將構(gòu)造函數(shù)替換為工廠函數(shù)。以上所說的情況，常會(huì)在返回迭代器或集合的函數(shù)身上發(fā)生。以異常取代錯(cuò)誤碼問題某個(gè)函數(shù)返回一個(gè)特定的代碼，用以表示某種錯(cuò)誤情況。 Rename Method 函數(shù)改名問題函數(shù)的名稱未能揭示函數(shù)的用途。方法修改函數(shù)名稱。動(dòng)機(jī) 好的函數(shù)需要有一個(gè)清晰的函數(shù)名。保證一看就懂 A...

SQC 2019-08-16 11:19 評論0 收藏0
手把手教你擼一個(gè)網(wǎng)頁聊天室

摘要：前端邏輯搞定之后，思考一下這個(gè)聊天室的交互是怎么實(shí)現(xiàn)的。在前端監(jiān)聽一個(gè)事件，這個(gè)事件的觸發(fā)條件是成功和服務(wù)端建立連接。攜帶一個(gè)參數(shù)，即用戶的輸入。別人發(fā)送的消息現(xiàn)在就需要在前端建立一個(gè)響應(yīng)服務(wù)端有新消息的監(jiān)聽事件了。一些廢話:) 最近在學(xué)校比較閑，終于有這么一塊時(shí)間可以自由支配了，所以內(nèi)心還是十分的酸爽舒暢的。當(dāng)然了，罪惡的事情也是有的，比如已經(jīng)連續(xù)一周沒有吃早飯了，其實(shí)現(xiàn)在回頭想想...

nemo 2019-08-20 12:34 評論0 收藏0
手把手教你擼一個(gè)網(wǎng)頁聊天室

摘要：前端邏輯搞定之后，思考一下這個(gè)聊天室的交互是怎么實(shí)現(xiàn)的。在前端監(jiān)聽一個(gè)事件，這個(gè)事件的觸發(fā)條件是成功和服務(wù)端建立連接。攜帶一個(gè)參數(shù)，即用戶的輸入。別人發(fā)送的消息現(xiàn)在就需要在前端建立一個(gè)響應(yīng)服務(wù)端有新消息的監(jiān)聽事件了。一些廢話:) 最近在學(xué)校比較閑，終于有這么一塊時(shí)間可以自由支配了，所以內(nèi)心還是十分的酸爽舒暢的。當(dāng)然了，罪惡的事情也是有的，比如已經(jīng)連續(xù)一周沒有吃早飯了，其實(shí)現(xiàn)在回頭想想...

leiyi 2019-08-01 16:00 評論0 收藏0
前端安全系列：CSRF篇

摘要：系列文章前端安全系列篇前端安全系列篇介紹跨站請求偽造，也被稱為或者，通常縮寫為或者，是一種對網(wǎng)站的惡意利用。系列文章: 前端安全系列：XSS篇前端安全系列：CSRF篇 CSRF介紹 CSRF（Cross-site request forgery）跨站請求偽造，也被稱為One Click Attack或者Session Riding，通常縮寫為CSRF或者XSRF，是一種對網(wǎng)站的惡意利...

Java_oldboy 2019-08-26 10:35 評論0 收藏0