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，则会加载introduction.html。但是，上一页（登录）的所有查询参数都将丢失。

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

非常感谢。

Answer 1

您感兴趣的网址部分称为search。

您可以使用

链接到具有相同参数的其他页面

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

Answer 2

通过rel=""标记上的<a>属性自动将您当前的参数添加到您认为值得的任何链接上（使用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);
});

如何在关注链接时保留URL查询参数？

2 个答案: