Bagaimana untuk Memasukkan Skrip Secara Dinamik dengan Kefungsian document.write?

Skrip Termasuk Secara Dinamik dengan Kefungsian document.write

Soalan:

Bagaimanakah teg skrip dengan atribut src boleh ubah ditambah secara dinamik pada halaman web , terutamanya jika src mengandungi fungsi document.write?

Latar Belakang:

Biasanya, menambahkan teg skrip dengan atribut src tertentu dalam kepala HTML berfungsi dengan lancar. Walau bagaimanapun, apabila atribut src termasuk kod document.write, ia menjadi bermasalah.

Penyelesaian:

Untuk menambah teg skrip sedemikian secara dinamik, langkah berikut boleh diambil:

1. Buat elemen skrip baharu menggunakan document.createElement('script').
2. Tetapkan atribut src elemen skrip kepada URL/sumber yang dikehendaki.
3. Tambahkan elemen skrip ke document.head menggunakan appendChild().

Contoh:

<code class="javascript">var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);</code>

Elemen skrip ini akan ditambahkan secara dinamik pada halaman web, walaupun srcnya mengandungi kod document.write .

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Skrip Secara Dinamik dengan Kefungsian document.write?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!