Bagaimana untuk Melarikan Diri Aksara Khas HTML dalam JavaScript?

Melepaskan Aksara Khas HTML dalam JavaScript:

Sambil anda berusaha untuk memaparkan teks pada halaman HTML melalui fungsi JavaScript, anda mungkin menghadapi cabaran untuk melarikan diri daripada aksara khas HTML. Watak-watak ini, seperti < (kurang daripada) dan > (lebih besar daripada), boleh menyebabkan isu pemaparan yang tidak dijangka.

Nasib baik, JavaScript menyediakan cara yang cekap untuk mengendalikan tugas ini:

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

Sebagai contoh, jika anda mempunyai teks tidak selamat berikut:

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

Anda boleh menggunakan fungsi escapeHtml untuk melarikan diri aksara:

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

EscapedText yang terhasil ialah:

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

Teks yang dilontarkan ini kini boleh dipaparkan dengan selamat pada halaman HTML tanpa sebarang masalah rendering.

Untuk pelayar web moden, anda boleh memudahkan proses melarikan diri menggunakan replaceAll fungsi:

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

Dengan melaksanakan salah satu daripada penyelesaian ini, anda boleh melepaskan aksara khas HTML dalam JavaScript dengan berkesan, memastikan paparan teks yang lancar pada halaman web anda.

Atas ialah kandungan terperinci Bagaimana untuk Melarikan Diri Aksara Khas HTML dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!