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

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

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

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

function escapeHtml(unsafe) {
    return unsafe
        .replace(/&/g, "&")
        .replace(/, "<")
        .replace(/>/g, ">")
        .replace(/"/g, """)
        .replace(/'/g, "'");
}

たとえば、次のような安全でないテキストがあるとします。

<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 &,"\ and</p>

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

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

const escapeHtml = (unsafe) => {
    return unsafe.replaceAll('&', '&').replaceAll('', '>').replaceAll('"', '"').replaceAll("'", ''');
};

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

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