亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Javascript 在頁面更改時保留 URL 參數

Javascript 在頁面更改時保留 URL 參數

海綿寶寶撒 2022-01-07 18:44:40
我正在使用香草 Javascript,我有兩個頁面,page01.html并且page02.html這些頁面共享相同的導航系統。我想將參數加載到 的 url 中page01,單擊page02導航后,page02將在其 URL 中加載參數。例子:我上線了 page01.html我將參數加載到 URL 中,所以現在我有 page01.html/?param=X我點擊菜單項page02我想加載 page02.html/?param=X有沒有辦法在不使用 localStorage 和 sessionStorage 的情況下做到這一點?
查看完整描述

2 回答

?
慕后森

TA貢獻1802條經驗 獲得超5個贊

這是一個使用 vanilla JavaScript 的簡單解決方案:


Page01.html


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>


<div>Page 1</div>


<a href="page02.html">go to page 2</a>


<script>

   var linkToPage2 = document.querySelector("a[href='page02.html']");

   linkToPage2.addEventListener("click", function(e){

   e.preventDefault();

     if(location.search){

       window.location.href = "page02.html" + location.search; 

     }

 });


</script>

</body>

</html>

Page02.html


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>


<div>Page 2</div>


<a href="page01.html">go to page 1</a>


<script>

    var linkToPage1 = document.querySelector("a[href='page01.html']");

    linkToPage1.addEventListener("click", function(e){

     e.preventDefault();

        if(location.search){ 

             window.location.href = "page01.html" + location.search;

         }

     });

 </script>

 </body>

 </html>


查看完整回答
反對 回復 2022-01-07
?
一只萌萌小番薯

TA貢獻1795條經驗 獲得超7個贊

我同時使用了 Bergi 的評論和 Henry 的回答來創建我自己的版本。


基本上我只是在a 標簽上創建了一個onclick="menuClick();"和一個id="menuLink"。然后在 Javascript 上,我剛剛添加location.search了 href:


menuClick = function() {

    document.getElementById('menuLink').href += location.search

  }


查看完整回答
反對 回復 2022-01-07
  • 2 回答
  • 0 關注
  • 182 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號