Bagaimana untuk Memasukkan Tag Skrip ke dalam Dokumen HTML Menggunakan JavaScript?

Memasukkan Teg Skrip ke dalam Dokumen HTML dalam JavaScript

Untuk menambah teg skrip secara dinamik pada dokumen HTML anda, anda boleh memanfaatkan kaedah appendChild() atau jQuery's append(). Walau bagaimanapun, penambahan teg skrip secara terus boleh menyebabkan kandungan dilucutkan.

Menggunakan document.createElement()

Untuk mengatasi isu ini, anda boleh mencipta teg skrip menggunakan document.createElement(), dan kemudian tetapkan kandungan HTML secara manual menggunakan script.innerHTML. Akhir sekali, tambahkan elemen skrip pada kepala atau badan dokumen:

// Create the element

var script = document.createElement("script");

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

Sebagai alternatif, anda boleh tambahkan pada badan:

document.body.appendChild(script);

Menggunakan jQuery

Jika anda menggunakan jQuery, anda boleh menambahkan elemen skrip menggunakan kaedah append():

// Create the element

var script = $("<script>").html("...");

// Append

$("head").append(script);

Kaedah ini memudahkan proses dengan mencipta teg skrip dan mengendalikan kandungan secara automatik sisipan.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Tag Skrip ke dalam Dokumen HTML Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!