Bagaimana Saya Melarikan Diri Aksara Khas HTML dalam JavaScript?

Melepaskan Aksara Khas HTML dalam JavaScript

Apabila memaparkan teks dalam HTML menggunakan fungsi JavaScript, adalah penting untuk melepaskan aksara khas HTML untuk mengelakkan ralat dan tingkah laku yang tidak dijangka. Watak istimewa yang anda perlukan untuk melarikan diri termasuk & (ampersand), < (kurang daripada), > (lebih besar daripada), " (petikan berganda) dan ' (petikan tunggal).

Meloloskan Diri Aksara Khas HTML Menggunakan Fungsi

Nasib baik, JavaScript menyediakan cara yang mudah untuk melepaskan aksara khas ini menggunakan fungsi berikut:

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

Fungsi ini mengambil rentetan yang tidak selamat sebagai input dan mengembalikan rentetan yang dilepaskan dengan menggantikan semua contoh aksara khas HTML dengan yang setara dengannya.

Meloloskan Diri Aksara Khas HTML dalam Penyemak Imbas Moden

Untuk pelayar web moden yang menyokong kaedah replaceAll, anda boleh menggunakan versi ringkas fungsi melarikan diri:

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

Dengan menggunakan ini fungsi, anda boleh memaparkan aksara khas HTML dengan selamat dalam fungsi JavaScript anda, memastikan kandungan anda dipaparkan dengan betul dan tanpa sebarang isu keselamatan.

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