Wie kodiere und dekodiere ich HTML-Entitäten in JavaScript?

HTML-Entitätsdekodierung

HTML-Entitäten sind Zeichen, die durch ihre hexadezimalen Codepunkte dargestellt werden, denen ein kaufmännisches Und (&) und ein Semikolon (;) vorangestellt sind. Beispielsweise wird das kaufmännische Und-Zeichen (&) als & dargestellt.

HTML-Entitäten in JavaScript kodieren

Um eine HTML-Entität in JavaScript zu kodieren, verwenden Sie encodeURIComponent() Funktion. Diese Funktion verwendet eine Zeichenfolge als Eingabe und gibt eine neue Zeichenfolge mit allen Nicht-ASCII-Zeichen zurück, die als HTML-Entitäten codiert sind. Der folgende Code kodiert beispielsweise das kaufmännische Und-Zeichen (&) als &:

encodeURIComponent('&'); // "&"

HTML-Entitäten in JavaScript mit jQuery dekodieren

So dekodieren Sie eine HTML-Entität in JavaScript mit jQuery verwenden Sie die Funktion html(). Diese Funktion verwendet einen String als Eingabe und gibt einen neuen String mit allen dekodierten HTML-Entitäten zurück. Der folgende Code dekodiert beispielsweise die Zeichenfolge „&“ in das kaufmännische Und-Zeichen (&):

$.html('&'); // "&"

HTML-Entitäten in JavaScript ohne jQuery dekodieren

Wenn Sie Wenn Sie jQuery nicht verwenden möchten, können Sie die folgende benutzerdefinierte Funktion verwenden, um HTML-Entitäten in JavaScript zu dekodieren:

function decodeEntities(string) {
  var doc = new DOMParser().parseFromString(string, "text/html");
  return doc.documentElement.textContent;
}

Diese Funktion erstellt eine neue DOM-Element aus der Eingabezeichenfolge und extrahiert dann den Textinhalt aus dem DOM-Element, in dem alle HTML-Entitäten dekodiert werden. Der folgende Code dekodiert beispielsweise die Zeichenfolge „&“ in das kaufmännische Und-Zeichen (&):

decodeEntities('&'); // "&"

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