Masukkan tempat tanpa dokumen.write

Kita boleh pergi dari nastiness Oldskool seperti ini:

document.write('<p >Here is some syndicated content.</p>');

Untuk keindahan moden seperti ini:

var newcontent = document.createElement('p');
newcontent.id = 'syndicated-content';
newcontent.appendChild(document.createTextNode('Here is some syndicated content.'));

var scr = document.getElementById('syndication');
scr.parentNode.insertBefore(newcontent, scr);

Kami juga boleh melangkah lebih jauh dan mengeluarkan id , tetapi dalam hal ini kita memerlukan kaedah konkrit untuk mengenal pasti elemen tertentu. Kita boleh melakukannya dengan mengetahui SRCnya:

var scripts = document.getElementsByTagName('script');
for(var i=0; i<scripts.length; i++)
{
    if(scripts[i].src == 'http://www.mydomain.com/syndication.js')
    {
        //scripts[i] is the one

        break;
    }
}

Dan di sana anda memilikinya - cara yang mudah tetapi elegan untuk memasukkan kandungan di tempatnya, menghilangkan keperluan terakhir untuk Document.write!

Soalan Lazim (Soalan Lazim) Mengenai Alternatif Untuk Document.write

Apakah isu -isu utama dengan menggunakan document.write dalam javascript?

Penggunaan Document.Write in JavaScript sering tidak digalakkan kerana beberapa sebab. Pertama, ia boleh membawa kepada isu -isu prestasi kerana ia menyekat parsing dokumen HTML sehingga pelaksanaan skrip selesai. Kedua, ia boleh menyebabkan masalah dengan pemuatan skrip tidak segerak. Akhir sekali, ia boleh membawa kepada isu -isu dengan keadaan dokumen, terutamanya apabila digunakan selepas dokumen telah dimuatkan sepenuhnya. Oleh itu, adalah disyorkan untuk menggunakan alternatif untuk document.write.

Apakah beberapa alternatif untuk Document.write dalam JavaScript? Ini termasuk menggunakan InnerHTML, TextContent, atau Createelement bersama dengan AppendChild. Kaedah ini lebih cekap dan tidak menghalang proses parsing HTML. Mereka juga membenarkan kawalan yang lebih baik di mana dan bagaimana kandungan baru dimasukkan ke dalam dokumen.

Bagaimana saya boleh menggunakan innerHTML sebagai alternatif untuk document.write? Untuk menggunakannya sebagai alternatif kepada Document.write, anda boleh memilih elemen dan menetapkan harta InnerHTML ke rentetan HTML yang dikehendaki. Contohnya:

document.getElementById ('myelement'). InnerHtml = '

Kandungan baru

'; Untuk menggunakannya sebagai alternatif kepada Document.Write, anda boleh memilih elemen dan menetapkan harta TextContentnya ke teks yang dikehendaki. Contohnya:

document.getElementById ('MyElement'). TextContent = 'Kandungan Baru';

Bagaimanakah saya boleh menggunakan createelement dan appendchild sebagai alternatif untuk document.write?

CreateEleRement adalah kaedah yang boleh digunakan untuk membuat elemen baru, dan appendchild adalah kaedah yang boleh digunakan untuk menambahkan nod kanak -kanak ke nod induk. Untuk menggunakannya sebagai alternatif untuk Document.write, anda boleh membuat elemen baru, menetapkan kandungannya, dan kemudian masukkannya ke elemen induk yang dikehendaki. Sebagai contoh:

var newelement = document.createeelement ('p');
newelement.textContent = 'kandungan baru'; Gunakan sebagai alternatif untuk document.write. Ini termasuk InsertAdJacentHtml, InsertBefore, dan GantiChild. Kaedah ini memberikan lebih banyak fleksibiliti dari segi di mana dan bagaimana kandungan baru dimasukkan ke dalam dokumen. Ini termasuk .html (), .text (), dan .append (). Kaedah ini sama dengan rakan -rakan JavaScript mereka tetapi menyediakan sintaks yang lebih mudah dan berkuasa. Ini termasuk prestasi yang lebih baik, kawalan yang lebih baik ke atas struktur dokumen, dan keserasian dengan amalan pembangunan web moden. Ia juga menjadikan kod anda lebih mudah untuk dibaca dan diselenggara. Adalah disyorkan untuk menggunakan alternatifnya, kerana mereka menyediakan cara yang lebih cekap dan fleksibel untuk memanipulasi kandungan dokumen. Ini termasuk tutorial pembangunan web, kursus dalam talian, dan dokumentasi mengenai JavaScript dan JQuery. Anda juga boleh menyemak artikel dan perbincangan di laman web seperti Stack Overflow dan CodeProject.

Atas ialah kandungan terperinci Masukkan tempat tanpa dokumen.write. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!