Bagaimana untuk Memasukkan Skrip Luaran secara Dinamik dengan URL Pembolehubah yang Mengandungi Perintah `document.write`?

Memasukkan Skrip Luaran Secara Dinamik dengan URL Pembolehubah

Apabila menambahkan teg skrip secara dinamik pada halaman web, adalah penting untuk mempertimbangkan skrip dengan atribut src yang mungkin sertakan arahan dokumen.tulis. Ini boleh mengganggu gelagat pemuatan biasa.

Isunya

Dalam senario biasa, menggunakan kod berikut untuk memasukkan skrip daripada "source.js" berfungsi dengan baik:

<script type="text/javascript" src="source.js"></script>

Walau bagaimanapun, "source.js" mungkin mengandungi kandungan luar biasa berikut:

document.write('<script type="text/javascript">')
document.write('alert("hello world")')
document.write('</script>')
document.write('<p>goodbye world</p>')

Penyelesaian

Menggunakan kaedah biasa akan tidak mengendalikan senario ini dengan betul. Sebaliknya, anda boleh menggunakan teknik berikut untuk menambah skrip secara dinamik dengan src pembolehubah:

var my_awesome_script = document.createElement('script');

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

document.head.appendChild(my_awesome_script);

Kaedah ini mencipta elemen skrip baharu, menetapkan atribut srcnya dan menambahkannya pada daripada dokumen tersebut. Ia berfungsi walaupun src skrip termasuk arahan document.write.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Skrip Luaran secara Dinamik dengan URL Pembolehubah yang Mengandungi Perintah `document.write`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!