javascript - 动态更改 url 以重置为默认 View

Question

我一直在尝试编写代码来动态地将特定的 href 值更改为当前的 url。它在一定程度上有效，但问题是在我的页面上有几个不同的过滤器，因此当单击其中一个时，当前的 url 就会被覆盖。

有没有办法在页面加载时获取第一个 url 作为变量，并保持不变直到有人离开页面？

我一直在尝试各种条件语句，但运气不佳。

有效的代码是这个:

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

提前致谢!

Answer 1

您可以将初始 URL 存储为 cookie。

$(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'));
  
});

然后在需要重置 cookie 值时使用一些逻辑。