Javascript html：构造带引号的 Google 搜索字符串答案

【问题标题】：Javascript html: Constructing a Quoted Google search StringJavascript html：构造带引号的 Google 搜索字符串
【发布时间】：2011-06-11 07:14:23
【问题描述】：

我想构造一个带引号的谷歌搜索字符串，并将这个字符串放在一个链接中。用户将单击该链接并被带到引用的搜索结果。（使用 JQuery）

$(".abstract_text",this).append('<div><a href="http://google.com/search?btnI=1&q="'+art_title.make_search()+'"> Search For Fulltext</a></div>');

上面的代码给出了这个输出：

http://google.com/search?btnI=1&q=The+Q+switched+ND+YAG+laser+effectively+treats+tattoos+in+darkly+pigmented+skin

我想找到一种方法来产生这个输出：

http://google.com/search?btnI=1&q="The+Q+switched+ND+YAG+laser+effectively+treats+tattoos+in+darkly+pigmented+skin"

我的问题似乎与这个问题有关，但我不确定如何应用那里接受的答案：Nesting Quotes in JavaScript/HTML

*请注意，尽管在这种情况下无论输出如何搜索结果都是相同的，但它们通常会有所不同。

解决方案：使用编码URI功能

$(".abstract_text",this).append('<div><a href="http://google.com/search?btnI=1&q='+encodeURI('"'+art_title.make_search()+'"')+'"> Search For Fulltext</a></div>');

输出：

http://www.google.com/search?btnI=1&q=%22Early+treatment+of+traumatic+tattoo+by+erbium+YAG+laser%22

【问题讨论】：

如果您使用 jQuery，请添加 jQuery 标签。否则，人们会认为这是一个纯粹的 JS 问题。
好吧，马特，尽管最后它确实是一个与 jQuery 无关的普遍问题

标签： javascript jquery html

【解决方案1】：

试试这个：

$(".abstract_text", this).append('<div><a href=\'http://google.com/search?btnI=1&q=\"'+art_title.make_search()+'\"\'> Search For Fulltext</a></div>');

【讨论】：

不起作用。输出是这样的：google.com/search?btnI=1&q= ...然后仅此而已。当我用萤火虫检查元素时，其余的文本已经变成了一个属性。 google.com/search?btnI=1&q="> 全文搜索嗯……很有意思。
这很有趣.. 在 Chrome 上尝试过，它似乎工作正常：P 嗯，编码确实是正确的方法。
我使用的是 firefox，我猜这只是两者之间另一个模糊的区别。

【解决方案2】：

我不了解 JQuery，但我猜你想要做的是编码你的 URL 的特殊字符。可以使用原生Javascript函数encodeURI()(function reference)

双引号"的默认编码是%22。

【讨论】：