Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menyahkod Entiti HTML Menggunakan JavaScript atau jQuery?

Bagaimanakah Saya Boleh Menyahkod Entiti HTML Menggunakan JavaScript atau jQuery?

Patricia Arquette
Lepaskan: 2024-12-20 15:25:10
asal
619 orang telah melayarinya

How Can I Decode HTML Entities Using JavaScript or jQuery?

Menyahkod Entiti HTML dengan JavaScript/jQuery

Dalam pembangunan web, selalunya perlu untuk menyahkod entiti HTML untuk memaparkan aksara khas dengan betul. Soalan ini meneroka cara untuk mencapai ini menggunakan JavaScript atau jQuery.

Penyelesaian 1: Menggunakan jQuery

Walaupun kod jQuery yang disediakan boleh menyahkod entiti HTML, ia mempunyai potensi kelemahan berkaitan kepada prestasi dan keselamatan. Fungsi yang lebih selamat dan lebih dioptimumkan disyorkan:

var decodeEntities = (function() {
  // Internal element for HTML parsing
  var element = document.createElement('div');

  function decodeHTMLEntities(str) {
    if (str && typeof str === 'string') {
      // Sanitize HTML tags
      str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
      str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');

      // Decode entities
      element.innerHTML = str;
      str = element.textContent;
      element.textContent = '';
    }

    return str;
  }

  return decodeHTMLEntities;
})();
Salin selepas log masuk

Penggunaan:

var decodedString = decodeEntities("&amp;amp;");
Salin selepas log masuk

Penyelesaian 2: Menggunakan Pemalam jQuery

Fungsi decodeEntities boleh ditukar dengan mudah menjadi jQuery pemalam:

jQuery.decodeEntities = decodeHTMLEntities;
Salin selepas log masuk

Penggunaan:

$(".selector").text(jQuery.decodeEntities("&amp;amp;"));
Salin selepas log masuk

Contoh:

Pertimbangkan rentetan input `var var

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyahkod Entiti HTML Menggunakan JavaScript atau jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan