跟随链接时如何保留 URL 查询参数？

Question

这是login.html的代码：

<ul>
  <li class="introduction">
    <a href="introduction.html">
      <span class="icon"></span>
      Introduction
    </a>
  </li>
  <li class="login active">
    <a href="#">
      <span class="login"></span>
      Login
    </a>
  </li>
</ul>

外部链接将首先使用我想保留的一些查询参数转到当前页面（登录）。 如果用户单击第一个链接introduction ，将加载介绍.html。 但是，上一页（登录）的所有查询参数都丢失了。

无论如何，我可以在保留查询参数的同时加载此页面吗？ 使用 HTML 或 Javascript。

非常感谢。

Answer 1

您感兴趣的 URL 部分称为search 。

您可以使用相同的参数链接到另一个页面

<a onclick="window.location='someotherpage'+window.location.search;">Login</a>

Answer 2

通过<a>标签上的rel=""属性（使用 jQuery）自动将您当前的参数附加到您认为值得的任何链接：

<a href="introduction.html" rel="keep-params">Link</a>

// all <a> tags containing a certain rel=""
$("a[rel~='keep-params']").click(function(e) {
    e.preventDefault();

    var params = window.location.search,
        dest = $(this).attr('href') + params;

    // in my experience, a short timeout has helped overcome browser bugs
    window.setTimeout(function() {
        window.location.href = dest;
    }, 100);
});