Apakah Alternatif Terbaik untuk document.write() JavaScript?

Alternatif kepada Controversial document.write() dalam JavaScript

Pembangun JavaScript sering memulakan perjalanan mereka dengan menemui dokumen terkenal.write() fungsi, yang menulis terus ke aliran dokumen. Walau bagaimanapun, penggunaannya amat tidak digalakkan kerana potensi kelemahannya.

Mengapa Elakkan document.write()

document.write() datang dengan beberapa kelemahan:

• Menulis Ganti Kandungan Sedia Ada: Apabila dipanggil selepas halaman memuatkan, ia memadamkan keseluruhan dokumen dan menggantikannya dengan kandungan baharu.
• Prestasi Lemah: document.write() boleh menyebabkan kemerosotan prestasi kerana keperluan pemprosesan yang berat.
• Ketidakserasian dengan XHTML Strict: Ia tidak sah dalam XHTML ketat markup.

Alternatif untuk document.write()

Daripada document.write(), pertimbangkan alternatif yang lebih sesuai ini:

• InnerHTML Property: Ubah suai kandungan HTML dalaman secara dinamik elemen:

  document.getElementById("content").innerHTML = "New content";

• createElement() dan appendChild() Kaedah: Cipta dan tambah elemen baharu pada dokumen:

  var newElement = document.createElement("div");
  newElement.textContent = "New content";
  document.body.appendChild(newElement);

• createTextNode() dan appendChild() Kaedah: Cipta dan tambah nod teks pada dokumen:

  var newText = document.createTextNode("New content");
  document.body.appendChild(newText);

• Templat Literal: Gunakan literal templat (ES6) untuk mencipta dan memasukkan kandungan HTML ke dalam dokumen:

  document.body.insertBefore(document.createTextNode(`<div>New content</div>`), document.body.firstChild);

Dengan mematuhi alternatif ini, anda boleh mengelakkan perangkap yang dikaitkan dengan document.write() dan menulis lebih banyak kod JavaScript yang berprestasi dan boleh diselenggara.

Atas ialah kandungan terperinci Apakah Alternatif Terbaik untuk document.write() JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!