Heim > Artikel > Web-Frontend > Die Funktion zum Hinzufügen von Parametern nach der importierten CSS- oder JS-Datei
Manchmal stoßen Sie möglicherweise auf JS- oder CSS-Dateiverweise und übergeben dann Parameter:
CSS und JS haben Parameter (in der Form .css?v= und .js?v=)
Es gibt zwei Möglichkeiten, Parameter zu verwenden:
Erstens existiert das Skript nicht, sondern wird dynamisch vom Server generiert, also eine Version Die angegebene Zahl zeigt den Unterschied an. Das heißt, der obige Code entspricht
Zweitens Der Client speichert diese CSS- oder JS-Dateien im Cache. Jedes Mal, wenn die JS- oder CSS-Datei aktualisiert und die Versionsnummer geändert wird, lädt der Client-Browser sie erneut herunter. Neue JS- oder CSS-Dateien, die Rolle des Flush-Caching. Manchmal stellen Sie möglicherweise fest, dass sich der Stil oder die JS-Datei beim Aktualisieren nicht ändert, wenn Sie sie ändern. Das heißt, der Client speichert die CSS- oder JS-Datei zwischen, sodass das Hinzufügen von Parametern immer noch von Vorteil ist!
Die zweite Situation kommt am häufigsten vor, es kann aber auch beides gleichzeitig vorliegen.
Die Versionsnummer kann eine Zufallszahl oder ein inkrementeller Wert sein, in Form einer großen Version oder einer kleinen Version, oder entsprechend der Generierungszeit des Skripts geschrieben werden, z B. 20080727182553, was genau genug ist, um Sekunden des Skripts zu generieren, und 2.3.3 ist die Art und Weise der großen Version und der kleinen Version.
Erstes Upgrade:
Das zweite Upgrade:
Das dritte Upgrade:
< ;script src= "aaa.js?v=1.2">
......
Dabei ist „v“ nur ein Name, nehmen Sie es beiläufig auf. Diese Lösung entspricht dem Hinzufügen einer Zufallszahl nach der Ajax-Anforderungsadresse, wodurch der Browser denkt, dass auf eine andere Adresse zugegriffen wird, sodass die zwischengespeicherte Datei nicht verwendet wird.
Zum Beispiel wurde die Sina-Homepage am 5. April 2010 überarbeitet. Es wurde nur das CSS-Stylesheet geändert, das sich hinter dem CSS befinden kann, z. B. .css?2010.4.5 Wenn der Server den Cache nicht geleert hat, kann er die Sina-Homepage bisher nicht erneut öffnen, wenn er die CSS-Datei liest,