Javascript中字符串输出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

Javascript中字符串输出html的动态链接相关推荐

JavaScript中字符串连接/拼接的四种方式
JavaScript中连接字符串的方式有4种,分别是使用加号运算符连接.使用${}配合反引号连接.使用concat()函数连接.使用join()函数连接. 1. 使用加号运算符示例代码如下: let ...
JavaScript中字符串数组赋值失败，不是每个字符串，却是字符。
我的处女作<Canvas系列教程>在我的Github上正在连载更新,希望能得到您的关注和支持,让我有更多的动力进行创作. 教程介绍.教程目录等能在README里查阅. 传送门:https: ...
JavaScript中字符串与Unicode编码的互相转换
JavaScript中字符串与Unicode编码的互相转换这段代码演示了JavaScript中字符串与Unicode编码的转换: // 为了控制台的演示方便, 变量没有添加 var 定义 // 实际 ...
JavaScript中字符串去掉特殊字符和转义字符
<pre name="code" class="javascript">/*** * 去掉字符串中的特殊字符 */ var excludeSpeci ...
python中字符串输出乱码怎么解决_Python字符串的encode与decode研究心得乱码问题解决方法(转)...
为什么会报错"UnicodeEncodeError: 'ascii' codec can't encode characters in position 0-1: ordinal not i ...
javascript中字符串的‘单‘与“双“引号
通常在使用 javascript 进行编码时,您会遇到对字符串使用"单"或"双"引号的情况,并且想知道两者之间是否有任何真正的区别,如果有,使用一个是否有优势其 ...
JavaScript中换行输出
在JavaScript中进行换行输出的方法方法一:使用"\n"进行换行. 注意: "\n"使用在document.write()中,只起到空格的作用. 方法二 ...
python中字符串输出的三种简单方式
python字符串输出的三种简单方式第一种: 用'+'号进行字符串的拼接,但只限于字符串,不能进行其他类型的拼接.但是可以进行强制类型转换(字符串的强制转换为str(名字)),再用加号进行拼接. 比 ...
html数组显示,javascript中怎么输出数组？
作为一个程序员对于数组遍历大家都不是很陌生,在开发中我们也经常要处理数组.下面我们来看一下JavaScript如何输出数组. JavaScript中可以通过循环遍历数组,在循环中使用document. ...

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

Javascript中字符串输出html的动态链接相关推荐

最新文章

热门文章