Sto evitando le stringhe in modo errato in JavaScript?

Question

Sto cercando di creare un link cliccabile in javascript

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

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

ma continuo a ricevere un errore

Uncaught SyntaxError: Unexpected token }

Non è forse il modo corretto per sfuggire le virgolette e di creare un collegamento?

Answer 1

Hai solo bisogno di sfuggire le virgolette singole

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

Come bozdoz dice:

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

---

Ma perché non fare

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

O, come dice Nathan:

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

Answer 2

Non è necessario per sfuggire a tutti!

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

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

Basta avere in quel modo, come non c'è bisogno di fuggire " solito, quando in embeded in un ';

Ma è necessario evitare i caratteri ' quando è un parametro in una funzione.

Answer 3

È sufficiente sfuggire alle virgolette quando sono dello stesso tipo utilizzato dalle virgolette di apertura e chiusura. Nel tuo esempio, stai evitando inutilmente virgolette doppie perché la tua stringa è racchiusa tra virgolette singole. Detto questo, a causa delle doppie virgolette nella dichiarazione onclick il parser avrà problemi con la chiamata a displayContent().

Prova questo, invece:

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

Answer 4

si può evitare che pasticcio con la creazione di elementi come questo:

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