使用JavaScript对＃，单引号和双引号进行编码

Question

这是我用来通过javascript获取querystring的值的函数。

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

我也调用此函数：

function GenerateCode() {
    var trendingitemvalue = getParameterByName('q');
    alert(trendingitemvalue);
    var script = "<script async src=\"//hashgurus.com/feed/Trendingat.js\"><\/script>";
    script += "\n<div class=\"hg-trendingat-widget\" hg-trend=\"" +trendingitemvalue + "\"></div>"

    codearea.value = script;
 }

<textarea style="height: 40px; color: blue" id="codearea" onclick="SelectAll(this)"></textarea>

我想做什么？
我通过函数getParameterByName（'q'）获取querystring的值，然后构建脚本标记（var脚本）并将此值分配给textarea字段。

例如，这是weburl： http ://hashgurus.com/q.aspx?q=%23BDMELODI_161其中（q =＃BDMELODI_161）我正在获取q（它是查询字符串）的值并将框架值定为框架。 通过以下代码，脚本的最终值如下所示：

<div class="hg-trendingat-widget" hg-trend="#BDMELODI_161"></div>

但是我需要在querystring中到底是什么。 预期结果应如下所示：

<div class="hg-trendingat-widget" hg-trend="%23BDMELODI_161"></div>

另外，我需要正确处理querystring的单引号和双引号。 javascript中是否有任何函数可以对这些值进行编码？

Answer 1

如果我不误会您的目标，请使用

encodeURIComponent(trendingitemvalue)

应该为哈希问题做好工作，不是吗？

我刚刚对其进行了测试，然后将其返回“％23”以代替“＃”。

如果我误解了您的问题，请告诉我哪里错了，也许我可以为您提供帮助！

亲切的问候。

Answer 2

要像在URL中那样对它进行编码，应该使用encodeURIComponent 。

之后，要在HTML属性中安全地插入值，您需要对其进行HTML编码，但是没有方法可以在JS中简单地做到这一点，您应该或使用“ translator”标签或使用本机调用来构建div：

var div = document.createElement('div');
div.setAttribute('hg-trend', encodeURIComponent(trendingitemvalue));
div.className = "hg-trendingat-widget";
//div.outerHTML will return <div...></div>