如何在 HTML 中将另一个目录链接附加到 <a>

Question

我希望创建一个简单的以下链接以附加到当前位置。

直接举例

www.domain.com/link/地址

需要链接

www.domain.com/link/address/newbit

到目前为止，我已经尝试了以下方法：

<a href=#/newdir> //fail
result: www.domain.com/link/address#/newdir

<a href=/newdir> //fail
result: www.domain.com/newdir

<a href=./newdir> // fail
result: www.domain.com/link/newdir

因此，除非我必须在上一个链接中使用尾部正斜杠，否则这似乎并不那么容易。

欢迎提出任何建议。

谢谢

附：如果可能的话，我想在没有 jQuery 或 Javascript 的情况下这样做

Answer 1

如果您不使用 JavaScript 预先设置基本路径或在服务器端呈现链接时，这是不可能的。

在链接前加上/ 表示从根目录看，即“http://www.domain.com”。

编辑：检查base element on W3Schools。它将为文档中的所有个相对 URL 添加一个基本路径。

编辑 2 ：如果您已经在 /adress/ 上，@Adeneo 的建议显然会奏效。

Answer 2

此处使用 jquery 附加示例代码...

<a href="" id="url">url</a>
$(function(){

var current_location='www.domain.com/link/address';

$("#url").attr('href',current_location+"/newbit");

});

Answer 3

如果www.domain.com/link/address是您已经在的页面，那么

<a href="newdir">newdir</a>

就足够了，产生www.domain.com/link/address/newdir地址。

如果没有，你应该使用JS。

Answer 4

我认为你可以巧妙地做到这一点，你只需要添加一个 jQuery 函数来获取 href 值并在处理后重定向到你想要的位置。像这样

$("a").click( function () {
    var href = $(this).attr("href");
    // the variabel href is everything inside the attribut href
    location.href = "http://domain/" + href ;
});