Javascript中字符串输出html的动态链接

最新推荐文章于 2023-10-14 10:26:40 发布

weixin_30536513

最新推荐文章于 2023-10-14 10:26:40 发布

阅读量91

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hqjma/p/3171663.html

版权

在写一个应用时，碰到一个问题，我从getJSON里面返回的变量无法放入以字符串形式表示的html中。

$.getJSON('getData.php', {data:"test"}, function(result) { 
    $.each(result, function() { 
    var tr = '<a style="text-decoration:none;" href="http://www.google.com.hk?q="' + this[0] + '>' + this[0] + '</tr>'; 
    $(tr).appendTo("#test"); 
    }); 
});

　但是这样发现href中q的值取不到，整个tr的内容在Firefox中被解析为<a test.value="" href="http://www.google.com.hk?q=" style="text-decoration:none;">test.value</a>。链接并不是动态的。

因为不知道Javasript是如何处理这种情况的，于是改变思路，先将链接生成好，然后放在href中。

$.getJSON('getData.php', {data:"test"}, function(result) { 
    $.each(result, function() { 
    var href = "http://www.google.com.hk?q=" + this[0];
    var tr = '<a style="text-decoration:none;" href=' + href + '>' + this[0] + '</tr>'; 
    $(tr).appendTo("#test"); 
    }); 
});

问题解决！

转载于:https://www.cnblogs.com/hqjma/p/3171663.html