Html 如何将路径嵌入锚href处的当前路径?

Html 如何将路径嵌入锚href处的当前路径?,html,href,Html,Href,例如,现在我在http://example.com/practice 如果我在生成的页面中有一个链接:,我将被定向到http://example.com/5 现在我知道这是相对路径的常用方法。但我在这里真正需要的是,这样链接将把我带到http://example.com/practice/5无需在该页面上指定练习或example.com。如果可能的话,最好不要使用任何Javascript,但如果不可能,那么我想我必须使用Javascript 我已经试过和,但它们仍然像“5”一样工作 请帮忙。谢谢

例如,现在我在
http://example.com/practice

如果我在生成的页面中有一个链接:
,我将被定向到
http://example.com/5

现在我知道这是相对路径的常用方法。但我在这里真正需要的是,这样链接将把我带到
http://example.com/practice/5
无需在该页面上指定
练习
example.com
。如果可能的话,最好不要使用任何Javascript,但如果不可能,那么我想我必须使用Javascript

我已经试过
,但它们仍然像
“5”
一样工作


请帮忙。谢谢。

您可以在javascript中使用window.location.href获取当前位置(可能有更好的方法,具体取决于您是否使用任何js框架)。例如,对于此页面,window.location.href返回

然后你可以这样做

var baseUrl = window.location.href;
var aTag = document.querySelector(<selector for your anchor tag>);
aTag.setAttribute("href", baseUrl + "/" + <url we want to go to>);
var baseUrl=window.location.href;
var aTag=document.querySelector();
aTag.setAttribute(“href”,baseUrl+“/”+);

因此,本质上,我们获取当前位置,更改要导航到的标记的href,然后在末尾添加我们要转到的任何子例程。这是一种奇怪的方法,但正如我前面所说的,如果您使用react或angular或其他框架或库,可能会有一种更简单的方法。

只有“目录”在相对路径中继承。因此,如果您想使用纯html,必须将当前路径设置为“”-否则只需使用window.location来构建新路径。那么,如果没有Javascript,看起来这真的是不可能的。感谢您的解释和Javascript代码!:)