Gaya css pemuatan dinamik HTML dan skrip js example_HTML/Xhtml_pengeluaran halaman web

1. Skrip pemuatan dinamik

Apabila permintaan untuk tapak web meningkat, permintaan untuk skrip juga meningkat secara beransur-ansur. Kami terpaksa memperkenalkan terlalu banyak skrip JS dan mengurangkan prestasi keseluruhan tapak, jadi konsep skrip dinamik muncul untuk memuatkan skrip yang sepadan pada masa yang tepat.
Contohnya: Kami ingin memperkenalkan fail pengesanan apabila kami perlu mengesan penyemak imbas.

Salin kod

Kod adalah seperti berikut:

Pelaksanaan dinamik js

Pelayar IE 6, 7 dan 8 menganggap skrip sebagai elemen istimewa dan tidak boleh mengakses nod anak. Untuk keserasian, atribut teks boleh digunakan sebaliknya.

Diperlukan untuk semua penyemak imbas Serasi

2. Gaya memuatkan secara dinamik

Untuk memuatkan helaian gaya secara dinamik, seperti menukar kulit tapak web. Terdapat dua cara untuk memuatkan helaian gaya, satu ialah teg dan satu lagi ialah teg

Pautan pelaksanaan dinamik

Salin kod

Kod tersebut adalah seperti berikut:

var flag = true;
if (bendera) {
loadStyles('basic.css');
}
function loadStyles(url) {
var link = document.createElement('link');link.rel = 'stylesheet ';
link.type = 'text/css';
link.href = url;
document.getElementsByTagName('head')[0].appendChild(link);
}

Pelaksanaan gaya yang dinamik

Salin kod

Kod adalah seperti berikut: