Comment vider le cache du navigateur ? 4 façons de le faire facilement avec js

Chaque fois que nous utilisons le navigateur pour surfer sur Internet, certains fichiers de cache seront enregistrés sur le disque local. Le cache de ces navigateurs est destiné à économiser les ressources réseau et à accélérer la navigation. Le navigateur stocke les documents récemment demandés sur le disque de l'utilisateur. Lorsque le visiteur demande à nouveau cette page, le navigateur peut afficher le document à partir du disque local, ce qui accélère. navigation vers le haut de la page. Mais parfois, nous devons vider le cache, car le cache peut causer des problèmes et des données erronées peuvent apparaître.

Dans ce chapitre, nous vous présenterons 4 méthodes js pour vider le cache. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

1 : Qu'est-ce que le cache du navigateur ?

1. Toutes les données peuvent être stockées sur le serveur, mais cela n'est pas efficace lorsque nous accédons à la page Web, l'une se fige, l'autre gaspille l'espace de stockage du serveur, et la. le troisième mettra la pression sur le serveur

2. La mise en cache du navigateur peut améliorer les performances du site Web et la vitesse du navigateur, mais pour les pages Web qui doivent être mises à jour fréquemment, la mise en cache empêche les utilisateurs d'afficher les styles mis à jour

Deux : Comment vider le cache via js ?

1. Numéro aléatoire

1) Le script n'existe pas, mais est généré dynamiquement par le serveur, donc un numéro de version est inclus pour montrer la différence. Autrement dit, le nombre aléatoire après le chemin ou le nom du fichier est équivalent au fichier, mais le navigateur pensera qu'il s'agit d'une certaine version du fichier !

2) Le client mettra en cache ces fichiers css ou js, donc à chaque fois après la mise à niveau du fichier js ou css et la modification du numéro de version, le navigateur client téléchargera à nouveau le nouveau fichier js ou css, actualisant ainsi le rôle du cache

/* 图片的路径+图片名+随机数=图片的版本号更替 */
$("#pic_code").attr('src','/static/img/verify_code.png'+'?temp=' + Math.random());
/* Math.random() 只能在Javascript 下起作用 */<script type="text/javascript" src="core.js?v=20140829"></script>
/*时间*/
?v=new Date().getTime();

2.meta

Ajouter du code dans la zone d'en-tête du html :

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="content-type" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>

3.ajax

1) Paramètres Attribut cache : false, afin qu'Ajax n'appelle pas le cache de navigation.

cache:false

2) Utilisez ajax pour demander le dernier fichier au serveur et ajoutez les en-têtes de requête If-Modified-Since et Cache-Control, comme suit :

beforeSend :function(xmlHttp){ 
   xmlHttp.setRequestHeader("If-Modified-Since","0"); 
   xmlHttp.setRequestHeader("Cache-Control","no-cache");
  }

4 .replace

Le principe du remplacement est de remplacer la page spécifiée par le paramètre replace par la page actuelle

<script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script>

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!