javascript - 重构 javascript 以避免撇号引起问题？

Question

我接手了一个网站，里面有很多类似这样的javascript；

 function BuildHTMLString(item)
 {  
       return "<input name='Text' Type='text' value='" + item+ "' />";
 }

这些字符串随后将用于发布表单。我意识到如果变量项中有撇号，整个事情就会崩溃。

以编程方式填充文本框的推荐方法是什么，这些文本框将成为表单帖子的一部分，并且不会产生名称中带有撇号的问题。

Answer 1

您可以使用document.createElement以编程方式创建元素，然后使用 outerHTML属性:

function buildHtmlString(item) {
    var element = document.createElement("input");
    element.setAttribute("name", "Text");
    element.setAttribute("type", "text");
    element.setAttribute("value", item);

    return element.outerHTML;
}

在 Chrome 上，buildHtmlString("this has a quote\""); 给我:

<input name="Text" type="text" value="this has a quote &quot;"> 

我注意到您添加了 jquery 标记。因此，您也可以使用 jQuery 轻松完成此操作:

function buildHtmlString(item) {
    return jQuery("<input>").attr("name", "Text")
                            .attr("type", "text")
                            .attr("value", item)
                            .get(0).outerHTML;
}