動的にURLを変更してデフォルトの表示に戻す

Question

特定のhref値を現在のURLに動的に変更するコードを記述しようとしています。それは一点に作用しますが、私のページにはいくつかの異なるフィルタがあるので、クリックすると現在のURLがオーバーライドされるという問題があります。

は、ページが読み込まれたときに最初のURLを変数として取得して、誰かがページを離れるまで同じURLを保持する方法がありますか？

私はさまざまな条件文を試してきましたが、運があまりありませんでした。事前に

$(document).ready(function() { 
    var currenturl = document.URL; 
    $("#reset").attr("href", currenturl); 
}); 

ありがとう：

動作するコードは、この一つです！

Answer 1

初期URLをクッキーとして保存することができます。その後、

$(document).ready(function() { 
 
    
 
    function setCookie(cname, cvalue) { 
 
     document.cookie = cname + "=" + cvalue + ";path=/"; 
 
    } 
 

 
    function getCookie(cname) { 
 
     const name = cname + "="; 
 
     const ca = document.cookie.split(';'); 
 
     for(let i = 0; i < ca.length; i++) { 
 
      let c = ca[i]; 
 
      while (c.charAt(0) === ' ') { 
 
       c = c.substring(1); 
 
      } 
 
      if (c.indexOf(name) === 0) { 
 
       return c.substring(name.length, c.length); 
 
      } 
 
     } 
 
     return ""; 
 
    } 
 
    
 
    setCookies('INITIAL_URL', document.URL); 
 
    
 
    $("#reset").attr("href", getCookie('INITIAL_URL')); 
 
    
 
});

そして、あなたはクッキーの値をリセットする必要がある場合、いくつかのロジックを使用します。