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

因此，除非我必须在前一个链接上使用前向斜杠，否则看起来实际上并不那么容易。

欢迎任何建议。

由于

P.S。如果可能的话，我想在没有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 ;
});

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

4 个答案: