Tạo một phần tử tạm thời (e. G. DIV
), Gán mã HTML của bạn cho thuộc tính của nó innerHTML
, rồi nối các nút con của nó vào HEAD
phần tử một. Ví dụ, như thế này:
var temp = document.createElement('div');
temp.innerHTML = '<link rel="stylesheet" href="example.css" />'
+ '<script src="foobar.js"><\/script> ';
var head = document.head;
while (temp.firstChild) {
head.appendChild(temp.firstChild);
}
So với việc viết lại toàn bộ HEAD
nội dung thông qua nó innerHTML
, điều này sẽ không ảnh hưởng đến các phần tử con hiện có của HEAD
phần tử theo bất kỳ cách nào.
Lưu ý rằng các tập lệnh được chèn theo cách này dường như không được thực thi tự động, trong khi các kiểu được áp dụng thành công. Vì vậy, nếu bạn cần các tập lệnh được thực thi, bạn nên tải các tệp JS bằng Ajax và sau đó thực thi nội dung của chúng bằng cách sử dụng eval()
.