Javascript href向超链接添加额外信息

Javascript href向超链接添加额外信息,javascript,html,Javascript,Html,我目前正在生成一个超链接,这样我可以将人们重定向到正确的网页。问题在于,正确的超链接如下所示: www.reddit.com/r/magicTCG/comments/2ific1/sam_pardee_on_the_modern_jeskai_supernance_combo/' 在href中,将我重定向到 exp/rdt/www.reddit.com/r/magicTCG/comments/2ific1/sam_pardee_on_the _modern_jeskai_supernance_c

我目前正在生成一个超链接,这样我可以将人们重定向到正确的网页。问题在于,正确的超链接如下所示:

www.reddit.com/r/magicTCG/comments/2ific1/sam_pardee_on_the_modern_jeskai_supernance_combo/'

在href中,将我重定向到

exp/rdt/www.reddit.com/r/magicTCG/comments/2ific1/sam_pardee_on_the _modern_jeskai_supernance_combo/'

其中exp/rdt是ftp上原始索引文件的路径

以下是我使用的代码:

var hyperlink = "'www.reddit.com" + post.data.permalink + "'";

$("#searchesTable").append('<tr><td>' + post.data.title + '</td><td>' + post.data.ups + '</td><td>' + post.data.downs + '</td><td>' + formattedTime + '</td><td>' + post.data.subreddit + '</td><td>' + post.data.permalink + '</td><td><a href="' + hyperlink + '" ><button class="btn btn-success btn-xs">Visit!</button></a></td></tr>');
var hyperlink=“'www.reddit.com”+post.data.permalink+”;
$(“#searchesTable”).append(“”+post.data.title+“”+post.data.ups+“”+post.data.downs+“”+formattedTime+“”+post.data.subreddit+“”+post.data.permalink+“”);
我认为问题来自以下代码:

<td><a href="' + hyperlink + '" ><button class="btn btn-success btn-xs">Visit!</button></a></td>


你知道如何解决这个问题吗?

你需要在URL前面加上
http://
协议代码。否则,浏览器将其视为相对链接。

您必须添加协议,并且您的引号太多

var hyperlink = "http://www.reddit.com" + post.data.permalink;

没有理由在中使用单引号

var hyperlink = "'www.reddit.com" + post.data.permalink + "'";
另外,除非您指定协议,否则
href
将相对于当前路径(前导的
/
除外-然后它将相对于根路径)。抬头看

以下是使其工作的最低限度的代码:

var post={
数据:{
标题:“Lorem ipsum dolor”,
ups:15,
唐斯:2,
subreddit:“随便什么”,
permalink:“/r/magicTCG/comments/2ific1/sam_pardee_on_the_modern_jeskai_su supernance_combo/”
}
};
var formattedTime='2007年4月12日';
变量超链接=”http://www.reddit.com“+post.data.permalink;
$(“#searchesTable”).append(“”+post.data.title+“”+post.data.ups+“”+post.data.downs+“”+formattedTime+“”+post.data.subreddit+“”+post.data.permalink+“”)


将http://添加到您的链接中只是一个简单的问题:除了基本上复制OP代码的片段,使您的答案看起来更大,这个答案还带来了其他两个答案尚未涵盖的哪些新启示?@mplungjan在其他两个答案中,只有您的答案是完整的。这不是尺寸问题,而是质量问题。我为观察到的行为提供解释,而不仅仅是提供解决方案。你们的问题是,当Scimonster的回答和你们的评论没有什么不同,而且不完整时,你们为什么要挑我的毛病?此外,这个问题无论如何都可以作为离题题来结束。因为这几乎是一个打字错误。Scimonster是在我的评论之后几秒钟,在我的答案之前几秒钟,这确实是更完整的。我挑你的毛病是因为你的答案是5小时后的,当我看到后面的答案中有示例代码时,我会感到好奇,这些示例代码并没有添加任何新内容,只是由于大小的原因看起来更正确。你写了这么详尽的答案后觉得它离题了?越来越奇怪-没关系。。。。