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

Question

我正在寻找创建一个简单的以下链接以附加到当前位置。

直接举例

www.domain.com/link/address

需要链接

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

因此，除非我必须在上一个链接上使用尾随正斜杠，否则看来这并不是那么容易。

任何建议欢迎。

谢谢

PS我想在没有jQuery或Javascript的情况下做到这一点

Answer 1

如果您没有在基本路径前添加JavaScript或在服务器端呈现链接，那么这将是不可能的。

以/开头的链接表示从根目录“ http://www.domain.com ”查找。

编辑 ：检查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

我认为您可以通过一种聪明的方式做到这一点，只需添加一个获取href值的jQuery函数，并在处理后将其重定向到想要的位置。 像这样

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