Comment désactiver la mise en cache en javascript-js tutoriel-php.cn

Comment désactiver la mise en cache en javascript

青灯夜游

Libérer： 2023-01-05 16:10:01

original

5194 Les gens l'ont consulté

Méthode : Ajoutez un point d'interrogation et un nombre aléatoire après l'URL du fichier js, par exemple "a.js?223". Principe : L'ajout d'un numéro après l'URL de la ressource n'affectera pas le chargement du fichier. Cependant, si le numéro change, le navigateur pensera qu'il s'agit d'un tout nouveau fichier et retéléchargera donc le cache. est de forcer le navigateur à appeler la nouvelle adresse pour empêcher la mise en cache.

Comment désactiver la mise en cache en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Javascript interdit la mise en cache

Méthode : L'ajout de points d'interrogation et de chiffres après CSS et JS peut empêcher la mise en cache

Lorsque le navigateur envoie une requête http, il chargera diverses ressources, telles que : des documents HTML, des vidéos, des images, CSS et JS, etc. Pour ces ressources aux URL inchangées, le navigateur les enregistrera dans le cache local la prochaine fois que vous visiterez le même site Web, vous pourrez les charger directement pour accélérer l'accès.

Cette stratégie de mise en cache du navigateur accélère l'accès d'une part, mais rencontre également un problème d'autre part, c'est-à-dire qu'elle ne peut pas charger les derniers fichiers css et js à temps.

Pour résoudre ce problème, nous ajouterons des points d'interrogation et quelques caractères aléatoires après les liens css et js.

Similaire à index.js?20210489

Exemple :

<html>
<head>
<script type="text/javascript">
    document.write("<script src=&#39;**.js?"+Math.random()+"&#39;><\/script>");
</script>
 
</head>
</html>

Copier après la connexion

Principe : Ajouter un numéro après l'url de la ressource, pour le chargement du fichier n'aura aucun impact, mais si le numéro change, le navigateur pensera qu'il s'agit d'un tout nouveau fichier et téléchargera à nouveau le cache et ne lira pas le fichier précédemment mis en cache, donc la fonction d'ajouter un numéro est de forcer le navigateur à appeler la nouvelle adresse pour empêcher la mise en cache.

[Apprentissage recommandé : Tutoriel JavaScript avancé]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!