Wie kann ich HTML-Sonderzeichen in JavaScript mithilfe integrierter oder benutzerdefinierter Funktionen maskieren?

HTML-Sonderzeichen mit den integrierten Funktionen von JavaScript maskieren?

Wie die Untersuchung nahelegt, bietet PHPs htmlspecialchars eine bequeme Möglichkeit, HTML-Sonderzeichen bei der Übersetzung zu kodieren. Eine entsprechende Funktion in JavaScript würde die Aufgabe erheblich vereinfachen.

Während integrierte Funktionen wie escape() und encodeURI() das Zeichen-Escape nicht wie erwartet verarbeiten, stehen Alternativen zur Verfügung.

Benutzerdefiniert Implementierung

Ein Ansatz besteht darin, eine benutzerdefinierte Funktion zu erstellen, die bestimmte Zeichen ersetzt:

function escapeHtml(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, &quot;&amp;lt;&quot;)
      .replace(/>/g, &quot;&amp;gt;&quot;)
      .replace(/&quot;/g, &quot;&amp;quot;&quot;)
      .replace(/'/g, &quot;&amp;#039;&quot;);
}

Diese Funktion iteriert durch die Eingabe Text und ersetzt die Sonderzeichen durch ihre HTML-codierten Entsprechungen.

Optimierte Version

Eine leistungsoptimierte Version, geeignet für umfangreiche Textverarbeitung:

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '&amp;lt;',
    '>': '&amp;gt;',
    '&quot;': '&amp;quot;',
    &quot;'&quot;: '&amp;#039;'
  };
  
  return text.replace(/[&amp;<>&quot;']/g, function(m) { return map[m]; });
}

Diese Implementierung verwendet ein JavaScript-Objekt, um Sonderzeichen ihren Escape-Sequenzen zuzuordnen und nutzt dabei die schnelle Ersetzungsleistung regulärer Ausdrücke.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Sonderzeichen in JavaScript mithilfe integrierter oder benutzerdefinierter Funktionen maskieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!