如何使用javascript动态地在锚标签中导航到网站

Question

我想使用JavaScript将动态创建的链接附加到<div>，但该链接无效。

$('#web').append('<a href="'+responseObj.me[i].webUrl+'" rel="external">'+responseObj.me[i].webUrl+'</a>');` 

HTML代码

<div id=web></div>

responseObj.me[i].webUrl是我服务器的JSON响应，其中包含google.co.in。

Answer 1

您的responseObj.me[i].webUrl很可能不正确或undefined。我还注意到你在javascript粘贴结束时有一个严重的重音字符。它是偶然的还是存在于您的代码中？

我在这里创建了一个jsfiddle，你可以看到它的工作原理（至少在jQuery 2.1.0版本上）

http://jsfiddle.net/V49Fe/1/

HTML

<div id="web"></div>

的JavaScript

var string = "google.co.in";
$('#web').append('<a href="'+string+'" rel="external">'+string+'</a>');

如果您的意思是您的链接未指向实际的google.co.in网址，那是因为 您需要在网址前面加http://，如下所示：

$('#web').append('<a href="http://'+string+'" rel="external">'+string+'</a>');