HTML dynamisches Laden, CSS-Stil und JS-Skriptbeispiel_HTML/Xhtml_Webseitenproduktion

1. Dynamisches Ladeskript

Da die Nachfrage nach der Website steigt, steigt auch allmählich die Nachfrage nach Skripten. Wir mussten zu viele JS-Skripte einführen und die Leistung der gesamten Website reduzieren, sodass das Konzept dynamischer Skripte entstand, um die entsprechenden Skripte zum richtigen Zeitpunkt zu laden.
Zum Beispiel: Wir möchten die Erkennungsdatei einführen, wenn wir den Browser erkennen müssen.

Code kopieren

Der Code lautet wie folgt:

Dynamische Ausführung von js

IE 6-, 7- und 8-Browser betrachten Skripte als spezielles Element und können nicht auf untergeordnete Knoten zugreifen. Aus Kompatibilitätsgründen kann stattdessen das Textattribut verwendet werden.

Erforderlich für alle kompatibelen Browser

2. Stile dynamisch laden

Um Stylesheets dynamisch zu laden, z. B. beim Wechseln von Website-Skins. Es gibt zwei Möglichkeiten, Stylesheets zu laden, eine ist das -Tag und die andere ist das

Dynamischer Ausführungslink

Code kopieren

Der Code lautet wie folgt:

var flag = true;
if (flag) {
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);
}

Dynamische Umsetzung des Stils

Code kopieren

Der Code lautet wie folgt:

> ;