Bagaimana untuk Menyahkod Entiti HTML dalam JavaScript dengan Cekap?

Menyahkod Entiti Khas HTML: Panduan Komprehensif

Apabila bekerja dengan data JSON, ia adalah perkara biasa untuk menemui rentetan yang mengandungi entiti HTML khas, seperti sebagai 'untuk apostrof. Menyahkod entiti ini adalah penting untuk mengekalkan kandungan yang dimaksudkan.

Pendekatan JQuery

Satu pendekatan untuk menyahkod entiti HTML adalah melalui jQuery:

function decodeHtml(html) {
    return $('<div>').html(html).text();
}<p> Walaupun kaedah ini menawarkan penyelesaian pantas, kaedah ini dianggap meretas dan mungkin tidak memberikan yang paling cekap atau serba boleh pilihan.</p>
<p><strong>Kaedah Unggul</strong></p>
<p>Untuk pendekatan yang lebih dipercayai dan serba boleh, pertimbangkan fungsi ini:</p>
<pre class="brush:php;toolbar:false">function decodeHtml(html) {
    var txt = document.createElement("textarea");
    txt.innerHTML = html;
    return txt.value;
}

Kelebihan ini Pendekatan

• Memelihara Teg: Tidak seperti pendekatan jQuery, kaedah ini mengekalkan sebarang teg HTML, menjadikannya sesuai untuk mengendalikan kandungan yang lebih kompleks.
• Keserasian Merentas Pelayar: Kod ini serasi dengan semua utama penyemak imbas, memastikan hasil yang konsisten merentas platform yang berbeza.
• Dipermudahkan Output: Output yang dihasilkan adalah bebas daripada entiti HTML, menjadikannya bersedia untuk pemprosesan atau paparan selanjutnya.

Contoh

Pertimbangkan input ini yang mengandungi HTML entiti:

Entity: Bad attempt at XSS:<script>alert('new\nline?')</script><br>

Apabila dinyahkod menggunakan kaedah di atas, output muncul sebagai:

Entity: Bad attempt at XSS:<script>alert('new\nline?')</script><br>

Dengan entiti HTML dinyahkod dengan betul, pendekatan ini menyediakan penyelesaian yang boleh dipercayai dan serba boleh untuk mengendalikan aksara khas dalam data JSON.