Heim > Artikel > Web-Frontend > So deaktivieren Sie das Caching in Javascript
So deaktivieren Sie das Caching in Javascript
- 青灯夜游Original
- 2021-04-20 14:34:075260Durchsuche
Methode: Fügen Sie nach der URL der js-Datei ein Fragezeichen und eine Zufallszahl hinzu, zum Beispiel „a.js?223“. Prinzip: Das Hinzufügen einer Nummer nach der URL der Ressource hat keinen Einfluss auf das Laden der Datei. Wenn sich die Nummer jedoch ändert, geht der Browser davon aus, dass es sich um eine brandneue Datei handelt, und lädt daher den Cache erneut herunter besteht darin, den Browser zu zwingen, die neue Adresse aufzurufen, um ein Zwischenspeichern zu verhindern.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript verbietet Caching
Methode: Fügen Sie nach CSS und JS Fragezeichen und Zahlen hinzu, um Caching zu verhindern
Wenn der Browser eine HTTP-Anfrage ausgibt, werden verschiedene Ressourcen geladen, z. B.: HTML-Dokumente, Videos , Bilder, CSS und JS usw. Für diese Ressourcen mit unveränderten URLs speichert der Browser sie im lokalen Cache. Wenn Sie dieselbe Website das nächste Mal besuchen, können Sie sie direkt laden, um den Zugriff zu beschleunigen.
Diese Caching-Strategie des Browsers beschleunigt einerseits den Zugriff, andererseits tritt jedoch auch ein Problem auf, nämlich dass die neuesten CSS- und JS-Dateien nicht rechtzeitig geladen werden können.
Um dieses Problem zu lösen, werden wir nach den CSS- und JS-Links Fragezeichen und einige zufällige Zeichen hinzufügen.
Ähnlich wie index.js?20210489
Beispiel:
<html>
<head>
<script type="text/javascript">
document.write("<script src='**.js?"+Math.random()+"'><\/script>");
</script>
</head>
</html>Prinzip: Das Hinzufügen einer Zahl nach der URL der Ressource hat keinen Einfluss auf das Laden der Datei, aber wenn sich die Zahl ändert, wird der Browser Wenn davon ausgegangen wird, dass es sich um eine brandneue Datei handelt, wird der Cache erneut heruntergeladen und die zuvor zwischengespeicherte Datei wird nicht gelesen. Daher besteht die Funktion des Hinzufügens einer Nummer darin, den Browser zu zwingen, die neue Adresse aufzurufen, um dies zu verhindern Caching.
【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】
Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie das Caching in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!