在不重新加载主页的情况下从其他页面工作的HTML锚点

时间:2012-03-03 05:55:02

标签: html hyperlink anchor reloading

我的导航菜单在单个PHP文件中生成,并包含在每个页面中。一些链接只是主页上的锚点。当用户在另一个页面上时,这些链接应该将它们带到主页,然后到达适当的锚点。但是,如果用户已经在主页上,那么如果页面不需要重新加载就会很好。

无论如何都会重新加载:

<a href="/home#anchor">link</a>

如果您已经在主页上,则不会重新加载,但在其他页面上无效:

<a href="#anchor">link</a>

有没有办法在不使用JavaScript的情况下实现两全其美?

3 个答案:

答案 0 :(得分:5)

好的,我想出来了。我所拥有的是一个名为home的文件夹。因此,如果您导航到http://example.com/home,则会转到index.php文件夹中的home。我在index.php上也有一个内部锚点。如果导航链接的/home#anchorHREF,则点击该页面时会重新加载该页面。我发现如果链接有/home/#anchor(带有额外的正斜杠),则单击链接时页面不会重新加载。希望这有助于其他人。

答案 1 :(得分:1)

对于想知道如何为 WordPress 主页执行此操作的任何人,我发现只需使用前面没有任何内容的正斜杠即可:

/#anchor

答案 2 :(得分:0)

如果您使用的是Polylang插件和url的Slug格式,则只需添加:

/en/somepage/#something or /fr/somepage/#something

避免重新加载