我在 JavaScript 中是否错误地转义了字符串？

Question

我试图在 javascript 中创建一个可点击的链接

var content = '<a href=\"#\" onclick=\"displayContent(\"TEST\")\">Whatever</a>';

$("#placeHolder").html(content);

，但我不断收到错误

未捕获的语法错误：意外的标记}

这不是转义双引号并创建链接的正确方法吗？

Answer 1

您只需要转义单引号

var content = '<a href="#" onclick="displayContent(\'TEST\')">Whatever</a>'

正如 bozdoz 所说：

对单引号内的单引号进行转义；您转义双引号内的双引号

---

但为什么不这样做

var content = $("<a />").attr("href", "#").text("Whatever").click(function(){
     displayContent('TEST')
});

Or 正如内森所说：

var content = $('<a href="#">Whatever</a>').click(
     function() { displayContent('TEST') 
});

Answer 2

您可以通过创建如下元素来避免这种混乱：

var content = $( "<a>", {
    href: "#",
    text: "whatever",
    click: $.proxy( displayContent, 0, "TEST" )
});

Answer 3

仅当引号与开盘价和收盘价所使用的类型相同时，您才需要转义引号。在您的示例中，您不必要地转义双引号，因为您的字符串用单引号引起来。话虽这么说，由于 onclick 语句中的双引号，解析器在调用 displayContent() 时会出现问题。

试试这个：

var content = '<a href="#" onclick="displayContent(\'TEST\')">Whatever</a>'; 

Answer 4

你根本不需要逃避他们！

var content = '<a href="#" onclick="displayContent(\'TEST\')">Whatever</a>'; 

$("#placeHolder").html(content); 

就像这样，因为通常，当嵌入 ' 时，您不需要转义 ";

但您确实需要转义 ' 字符。