href属性的相对url值

Question

假设我目前在www.example.com/category1/?page2，我想在html中添加一个锚标记，可以将我重定向到www.example.com/category1。我尝试使用href='/'，但它会转到www.example.com而不是www.example.com/category1。我也尝试使用href=" "，但它只是刷新当前页面。那么我应该如何指定锚标记的href属性？

Answer 1

编写相对URL时应该考虑的一件事是使用基本元素。基本元素允许您定义相对URL路径的上下文。

有关使用基本元素的信息：Click Here

Answer 2

如果你使用相对网址，它总是相对于顶层，而不是你所处的水平。因此，如果您想要www.example.com/category1，请使用/category1

编辑：误解了你的问题。如果您想清除网址中的params，请查看How do I reload the page without the query parameters?之类的类似问题（看起来使用window.pathname是最干净的解决方案）

Answer 3

您可以使用href="../category1/"

Answer 4

如前所述，如果您知道路径名并想将其硬编码到标记中，则只需指定相对路径：

<a title="Go to Category 1" href="/category1">Category 1</a>

否则，如果您想要动态解决方案或者不想对路径进行硬编码，您可以使用javascript来删除查询参数并单击链接进行重定向：

<a href="#" title="Return to main category page" onclick="window.location.href = window.location.pathname; return false;">Category N</a>

（有关window.location及其属性的详细信息，请参阅https://developer.mozilla.org/en-US/docs/DOM/window.location#Properties。）