Javascript in html - Verwenden von einfachen Zitat in einem anderen einfachen Zitat

Question

document.getElementById("img").innerHTML="< img src='/sitepath/"+imgg+".jpg' width='72' height='44' onclick='alert('hello');' />"; 

Der obige Code ist mein Javascript. Problem ist, Hallo oder eine andere Zeichenfolge zu drucken. Wenn ich nur 123 anstelle von Hallo tippe, gibt es Alarm. Aber ich kann dort keine Zeichenfolge wie Hallo verwenden. Normalerweise wird ein String in einer Alert-Funktion in Anführungszeichen eingeschlossen, aber der gesamte Inhalt ist in Anführungszeichen gesetzt, und ich habe bereits ein einfaches Anführungszeichen am Anfang der onclick-Funktion verwendet. Ich habe versucht, Escape-Zeichen ("\") zu verwenden, aber es hat nicht geholfen. Irgendwelche Vorschläge?

Answer 1

Versuchen Sie folgendes:

document.getElementById("img").innerHTML = '<img src="/sitepath/' + imgg + '.jpg" width="72" height="44" onclick="alert(\'hello\');" />'; 

Answer 2

Sie die doppelten Anführungszeichen verwenden müssen und die Flucht in das OnClick Attribut

document.getElementById("img").innerHTML="<img src='/sitepath/"+imgg+".jpg' width='72' height='44' onclick=\"alert('hello');\" />"; 

Answer 3

Es spielt keine Rolle, ob Ihre äußere Anführungszeichen einfach oder doppelt sind. Sie können ein Zeichen innerhalb einer äußeren Zeichenkette mit einem umgekehrten Schrägstrich ... \ 'werden' innerhalb der Zeichenkette selbst umgehen. Entweder Diesins oder Masoods Beispiel wird funktionieren. Aber Masood ist ignorant in Bezug auf die Notwendigkeit, doppelte Anführungszeichen als das äußere Gehäuse zu verwenden.

Answer 4

Wenn Sie Apostrophe als Trennzeichen für die HTML-Attribute verwenden, müssen Sie HTML kodieren die Apostrophe, die Sie in das Attribut setzen:

document.getElementById("img").innerHTML="< img src='/sitepath/"+imgg+".jpg' width='72' height='44' onclick='alert(&#39;hello&#39;);' />"; 

ziehe ich Apostrophe als String begrenzt in Javascript und Anführungszeichen als Trennzeichen verwenden für HTML-Attribute. Dann einfach Sie die Apostrophe entkommen, die Sie in der Javascript-String haben:

document.getElementById("img").innerHTML='< img src="/sitepath/'+imgg+'.jpg" width="72" height="44" onclick="alert(\'hello\');" />'; 

in einer Javascript beliebige Zeichenfolge zu setzen, innerhalb eines HTML-Attribut innerhalb einer Zeichenfolge in Javascript, tun Sie:

• Flucht Eine beliebige Zeichenfolge Trennzeichen in der Zeichenfolge
• HTML codieren die Javascript-Code
• Flucht beliebige Zeichenfolge Trennzeichen in der HTML-String

Answer 5

Sie haben JavaScript in HTML innerhalb von JavaScript. Das ist natürlich verwirrend. Besser die schnur slinging Probleme zu vermeiden, zu zitieren und zu entkommen (was falsch verstanden, kann leicht zu Sicherheitslücken führen, wenn Benutzer übermittelten Daten verwendet wird), und tun es die DOM-Weg:

var img= new Image(); 
img.src= '/sitepath/'+imgg+'.jpg'; 
img.width= 72; 
img.height= 44; 
img.onclick= function() { 
    alert('hello'); 
}; 
document.getElementById('img').appendChild(img); 

Answer 6

was, wenn jemand muss eine Variable anstelle einer Zeichenfolge "Hallo" senden? Etwas wie dieses:

function showContent(toPopulate) { 
     document.getElementById(toPopulate).innerHTML = "<a href='javascript:showOtherContent(*toPopulate*);'>show</a>" 
} 

function showOtherContent(toPopulate) {...} 

so wie toPopulate als eine Variable an showOtherContent() zu senden?

Die obige wie folgt gelöst:

document.getElementById(toPopulate).innerHTML = "<a href='javascript:showOtherContent(\"" + toPopulate + "\");'>show</a>" 

Answer 7

ich versucht, mit Escape-Zeichen ("\"), aber es hat nicht

Javascript Hilfe von C# unterscheidet, können Sie es einfach zu verwenden, zweimal hintereinander Beispiel: alert('We are\\'t going to go')