Heim > Web-Frontend > js-Tutorial > Wie dekodiere ich HTML-Entitäten sicher in JavaScript?

Wie dekodiere ich HTML-Entitäten sicher in JavaScript?

Linda Hamilton
Freigeben: 2024-12-23 16:10:18
Original
503 Leute haben es durchsucht

How to Safely Decode HTML Entities in JavaScript?

So dekodieren Sie HTML-Entitäten erfolgreich in Javascript

Javascript interagiert häufig mit externen Quellen wie XML-RPC-Backends. Diese Backends geben möglicherweise Zeichenfolgen zurück, die HTML-Entitäten wie enthalten. Wenn Sie versuchen, diese Zeichenfolgen mithilfe von Javascript in HTML zu integrieren, werden sie möglicherweise wörtlich wiedergegeben oder erscheinen als HTML-Entität ohne Escapezeichen.

Um diese HTML-Entitäten effektiv zu entmaskieren, kann sich die Verwendung von Techniken aus externen Quellen als erfolglos erweisen. Nutzen Sie stattdessen die in modernen Browsern unterstützte DOMParser-Methode. So geht's:

function htmlDecode(input) {
  var doc = new DOMParser().parseFromString(input, "text/html");
  return doc.documentElement.textContent;
}
Nach dem Login kopieren

Beispielverwendung:

console.log(htmlDecode("<img src='myimage.jpg'>")); // "<img src='myimage.jpg'>"

console.log(htmlDecode("<img src='dummy' onerror='alert(/xss/)'>")); // ""
Nach dem Login kopieren

Diese Methode dekodiert erfolgreich HTML-Entitäten und verhindert gleichzeitig die Ausführung von Schadcode.

Das obige ist der detaillierte Inhalt vonWie dekodiere ich HTML-Entitäten sicher in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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