¿Estoy escapando las cadenas incorrectamente en JavaScript?

Question

estoy tratando de crear un enlace activo en javascript

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

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

pero aparece un error

Uncaught SyntaxError: Unexpected token }

¿No es la forma correcta de escapar comillas dobles y crear un enlace?

Answer 1

sólo tendrá que escapar de las comillas simples

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

Como bozdoz dice:

You escape single quotes that are within single quotes; you escape double quotes that are within double quotes

---

Pero por qué no hacer

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

O como dice Nathan:

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

Answer 2

¡No necesita escapar de ellas en absoluto!

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

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

Sólo tienen que así, como que no es necesario para escapar " por lo general, cuando en Embebido en un ';

Pero necesita escapar los caracteres ' cuando se trata de un parámetro de una función.

Answer 3

Solo necesita escapar de las comillas cuando son del mismo tipo que las comillas de apertura y cierre. En su ejemplo, está escapando innecesariamente comillas dobles porque su cadena está envuelta entre comillas simples. Dicho esto, debido a las comillas dobles en la declaración onclick, el analizador tendrá problemas con la llamada al displayContent().

probar este lugar:

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

Answer 4

usted puede evitar ese desastre mediante la creación de elementos como esto:

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