Heim > Web-Frontend > js-Tutorial > Wie entferne ich Anführungszeichen in JavaScript für HTML-Attribute?

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

Barbara Streisand
Freigeben: 2024-11-13 12:34:02
Original
1057 Leute haben es durchsucht

How to Escape Quotes in JavaScript for HTML Attributes?

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

Bei der Ausgabe von Werten aus einer Datenbank auf eine HTML-Seite ist es wichtig, bestimmte Zeichen, wie z. B. Anführungszeichen, korrekt zu verarbeiten, um dies zu verhindern unerwartetes Verhalten.

Betrachten Sie das Beispiel, bei dem eine aus einer Datenbank abgerufene Zeichenfolge als Parameter in einem Onclick-HTML-Attribut verwendet werden muss:

<a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a>
Nach dem Login kopieren

Wenn BESCHREIBUNG ein Leerzeichen und ein Anführungszeichen enthält, z als:

Prelim Assess "Mini" Report
Nach dem Login kopieren

Firefox schneidet das onclick-Attribut nach dem Leerzeichen in „Assess“ aufgrund des doppelten Anführungszeichens nach „Assess“ vorzeitig ab.

Um dieses Problem zu beheben, ist es notwendig, „escape“ zu verwenden „die lästigen Zitate. Obwohl die Verwendung des JavaScript-Escape-Zeichens in diesem HTML-Kontext nicht ausreicht, ist ein anderer Ansatz erforderlich.

Die Lösung besteht darin, das doppelte Anführungszeichen durch die entsprechende XML-Entitätsdarstellung " zu ersetzen. Dadurch wird sichergestellt, dass das doppelte Anführungszeichen als Zeichenfolgenbegrenzer innerhalb des HTML-Attributs interpretiert wird:

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

Durch das Maskieren der doppelten Anführungszeichen in der Zeichenfolge funktioniert das onclick-Attribut nun wie vorgesehen.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage