JavaScript で HTML 特殊文字をエスケープするには?

JavaScript での HTML 特殊文字のエスケープ:

JavaScript 関数を使用して HTML ページにテキストを表示しようとすると、 HTML 特殊文字をエスケープするという課題。これらの文字 (< など) (未満) および > (より大きい) は、予期しないレンダリングの問題を引き起こす可能性があります。

幸いなことに、JavaScript はこのタスクを処理する効率的な方法を提供します:

function escapeHtml(unsafe) {
    return unsafe
        .replace(/&/g, "&")
        .replace(/</g, "&amp;lt;")
        .replace(/>/g, "&amp;gt;")
        .replace(/&quot;/g, "&amp;quot;")
        .replace(/'/g, "&amp;#039;");
}</p>
<p>たとえば、次のような安全でないテキストがあるとします。</p>
<pre class="brush:php;toolbar:false"><p>I want to display text with special characters like &," and
</p>

escapeHtml 関数を使用して特別なコードをエスケープできます。文字:

const escapedText = escapeHtml('<p>I want to display text with special characters like &," and</p>');

結果のエスケープされたテキストは次のようになります:

<p>I want to display text with special characters like &amp;,"\ and</p>

このエスケープされたテキストは、レンダリングの問題なく HTML ページに安全に表示できるようになりました。

最新の Web ブラウザでは、replaceAll 関数を使用してエスケープ処理を簡素化できます。

const escapeHtml = (unsafe) => {
    return unsafe.replaceAll('&amp;', '&amp;amp;').replaceAll('<', '&amp;lt;').replaceAll('>', '&amp;gt;').replaceAll('&quot;', '&amp;quot;').replaceAll("'", '&amp;#039;');
};

関数を実装することで、これらのソリューションを使用すると、JavaScript で HTML 特殊文字を効果的にエスケープでき、Web ページ上のテキストをシームレスに表示できます。

以上がJavaScript で HTML 特殊文字をエスケープするには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。