Wie entkomme ich doppelte Anführungszeichen in JavaScript für HTML-Attribute?

Doppelte Anführungszeichen in JavaScript für HTML-Attribute maskieren

Beim Umwandeln von Datenbankwerten in HTML ist es wichtig, Sonderzeichen wie doppelte Anführungszeichen ordnungsgemäß zu maskieren um Browser-Parsing-Fehler zu verhindern. Bei Onclick-Ereignishandlern geben doppelte Anführungszeichen das Ende des Attributs an, was zu einer unbeabsichtigten Kürzung des Skripts führt.

Problemstellung:

Ein Datenbankfeld enthält einen Wert das ein Leerzeichen und ein doppeltes Anführungszeichen enthält. Beim Versuch, diesen Wert innerhalb des onclick-Attributs eines HTML-Tags auszugeben, hat Firefox den JavaScript-Aufruf an der Stelle nach dem Wort „Assess“ abgeschnitten.

Lösung:

An Um das doppelte Anführungszeichen im HTML-Kontext zu maskieren, sollte man nicht das JavaScript-Escape-Zeichen () verwenden. Stattdessen muss die richtige XML-Entitätsdarstellung verwendet werden: ". Durch Ersetzen des doppelten Anführungszeichens durch " interpretiert der Browser die gesamte Zeichenfolge als Teil des onclick-Attributs.

Aktualisiertes HTML:

<a href="#" onclick="DoEdit('Preliminary Assessment &amp;quot;Mini&amp;quot;'); return false;">edit</a>

Erläuterung:

Das " Die Entity weist den Browser an, die Zeichenfolge als doppelte Anführungszeichen zu interpretieren, anstatt das onclick-Attribut abzuschließen. Dadurch wird sichergestellt, dass der JavaScript-Aufruf wie vorgesehen ausgeführt wird.

Das obige ist der detaillierte Inhalt vonWie entkomme ich doppelte Anführungszeichen in JavaScript für HTML-Attribute?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!