Bagaimana untuk Mengekodkan Ampersand dengan betul dalam JavaScript untuk HTML?

Pengekodan Ampersand dalam JavaScript

Anda menghadapi isu di mana pengekodan HTML hilang apabila mendapatkan semula nilai daripada medan input tersembunyi. Nilai, yang dikodkan dalam medan input, muncul dalam kotak teks tanpa pengekodan yang betul. Ini menyebabkan aksara '&' ditafsirkan secara literal, bukannya sebagai entiti HTML.

Untuk menyelesaikan isu ini, anda boleh menggunakan perpustakaan JavaScript atau kaedah jQuery untuk mengekod rentetan.

DOMParser API

• Buat DOMParser baharu instance.
• Gunakan kaedah parseFromString untuk menghuraikan rentetan HTML dan mencipta objek Dokumen baharu.
• Dapatkan semula teks dalaman dokumen yang dibuat, yang akan dikodkan HTML.

const parser = new DOMParser();
const encodedText = parser.parseFromString('<p>chalk &amp; cheese</p>', 'text/html').documentElement.textContent;

JavaScript tersuai Fungsi

function htmlEncode(value) {
  // Create a temporary textarea element
  const textarea = document.createElement('textarea');
  textarea.textContent = value;
  const encodedValue = textarea.value;

  // Remove the created textarea element
  textarea.remove();

  return encodedValue;
}

Contoh Penggunaan

const hiddenValue = $('#hiddenId').attr('value');
const encodedValue = htmlEncode(hiddenValue);
$('#textboxId').val(encodedValue);

Atas ialah kandungan terperinci Bagaimana untuk Mengekodkan Ampersand dengan betul dalam JavaScript untuk HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!