是否有可能有一个正常的链接指向当前位置?

我目前找到了2个解决方案,但其中一个包括JavaScript,在另一个你必须知道页面的绝对路径:

<a href="#" onclick="window.location.reload(true);">1</a>
<a href="/foobar/">2</a>
<a href="#">3 (of course not working)</a>

有没有办法做到这一点,而不使用JavaScript或知道绝对路径?


当前回答

我一直在用:

<a href=".">link</a>

还没有找到一个案例和/或浏览器,它不像预期的工作。

Period表示当前路径。你也可以用..要引用当前路径上面的文件夹,例如,如果你有这样的文件结构:

page1.html
folder1
    page2.html

然后你可以在page2.html中写:

<a href="../page1.html">link to page 1</a>

编辑:

我不确定行为是否发生了变化,或者它是否总是这样,但Chrome(也许其他人)将如上所述的时期作为关于目录,而不是文件。这意味着如果您在http://example.com/foo/bar.html,则实际位于/foo/目录中,href值为。在bar.html中将引用/foo/而不是bar.html

可以把它想象成在终端中浏览文件系统;你永远不能CD到一个文件:)

编辑2:

似乎使用href="."的行为不再是可预测的,Firefox和Chrome可能已经改变了他们处理这些的方式。我不会完全依赖于我最初的答案,而是在不同的浏览器中尝试空字符串和句点,以满足您的特定使用,并确保您获得所需的行为。

其他回答

<a href="/">Same domain, just like refresh</a>

似乎只有当你的网站是index.html, index.htm或index.php(任何默认页面)。

但似乎。是同样的东西,更容易被接受吗

<a href=".">Same domain, just like refresh, (more used)</a>

两者工作完美的Chrome浏览器时,域名都是http://和https://

如果你不关心保存查询字符串值,那么一个简单的选择是:

<a href > Link </a>

完全幂等的url,保留路径,参数和锚。

 <a href="javascript:"> click me </a>

它只使用了一小部分JS。

编辑:这不会重新加载页面。它是一个没有任何作用的链接。

我使用JS在jekyll网站的标签页中仅显示具有特定id的div。对于同一页面中的一组链接,您可以显示相应的元素:

function hide_others() {
    $('div.item').hide();
    selected = location.hash.slice(1);
    if (selected) {
        $('#' + selected).show();
    }
    else {
    $('div.item').show();
    }
}

链接使用如下链接:

<a href="javascript:window.location.href='/tags.html#{{ tag[0] }}-ref'; hide_others()">{{ tag[0] }}</a>

<a href="/">单击me刷新页面</a>

< a href = "吗?">点击我重新加载页面</a> .