JavaScript mengimplementasikan pemuatan dinamis CSS

Salinan kode adalah sebagai berikut:

<type skrip = "Teks/JavaScript">

fungsi addstyle (stylePath) {

var container = document.geteLementsByTagname ("head") [0];

var addstyle = document.createElement ("link");

addstyle.rel = "stylesheet";

addstyle.type = "Teks/CSS";

addstyle.media = "layar";

addstyle.href = stylePath;

container.appendChild (addstyle);

}

addstyle ('http://www.xxx.com/wintys/dynamic.css');

</script>

Fungsi yang ditulis oleh JS digunakan untuk mengontrol pemuatan dinamis file JS, yaitu, file JS dimuat saat diperlukan, dan file CSS juga dapat dimuat, sehingga pengulit halaman web dapat direalisasikan. Saya pikir fungsi ini ditulis dengan baik. Jika Anda melihat lebih dekat, itu masih cukup baik setelah Anda memperbaikinya.

Salinan kode adalah sebagai berikut:

fungsi $ impor (path, type, title) {

Var S, I;

if (! type) type = path.substr (path.LastIndexOf (".")+1);

if (type == "js") {

var ss = document.geteLementsByTagname ("skrip");

untuk (i = 0; i <ss.length; i ++) {

if (ss [i] .src && ss [i] .src.indexof (path)! =-1 || ss [i] .title == title) mengembalikan ss [i];

}

s = document.createElement ("Script");

s.type = "Teks/JavaScript";

s.src = path;

if (title) s.title = judul;

}

lain jika (type == "css") {

var ls = document.geteLementsByTagname ("tautan");

untuk (i = 0; i <ls.length; i ++) {

if (ls [i] .href && ls [i] .href.indexof (path)! =-1 || ls [i] .title == title) mengembalikan ls [i];

}

s = document.createElement ("tautan");

S.Rel = "Stylesheet";

s.type = "Teks/CSS";

s.href = path;

if (title) s.title = judul;

s.disabled = false;

}

lagi kembali;

var head = document.geteLementsbyTagname ("head") [0];

head.AppendChild (s);

kembali S;

}