Maison > interface Web > js tutoriel > le corps du texte

Méthode de page d'actualisation Javascript et introduction à l'utilisation de location.reload()

小云云
Libérer: 2018-02-03 11:31:03
original
8695 Les gens l'ont consulté

Cet article vous présente principalement la méthode d'actualisation de la page Javascript et l'utilisation de location.reload(). J'espère que cet article pourra vous aider. Les amis dans le besoin pourront s'y référer.

Plusieurs façons d'actualiser la page en utilisant Javascript :

1 history.go(0)
2 location.reload()
3 location =location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document . URL=location.href

Comment actualiser automatiquement la page :

Actualiser automatiquement la page : Ajoutez le code suivant dans le


<meta http-equiv="refresh" content="20">
Copier après la connexion

20 d'entre eux actualisent la page toutes les 20 secondes.

2.


<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
Copier après la connexion

, 20 doigts accéderont à la page http://www.wyxg.com après 20 secondes. 🎜>

3. La page actualise automatiquement la version js



<mce:script language="JavaScript"><!-- 
  
function myrefresh()  
{  
    window.location.reload();  
}  
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次  
// --></mce:script>
Copier après la connexion
En programmation javascript, location.reload est souvent utilisé pour actualiser la page.

Exemple :

window.location.href=window.location.href;
window.location.reload;
Copier après la connexion
Après les tests, ces deux phrases peuvent remplacer location.reload(true);

dans certains cas sans boîte de dialogue de nouvelle tentative pour obtenir l'effet d'actualisation<. 🎜>
Il existe de nombreuses façons d'actualiser la page en js. Il existe une fonction location.reload() dans js, qui peut obtenir la fonction souhaitée.

window.location.reload(true) //Le navigateur demande à nouveau des ressources au serveur et n'inclut pas de balises de cache dans l'en-tête de la requête http.


Exemple 1, actualiser la page actuelle

   
<script>
window.location.reload();
</script>
Copier après la connexion

Exemple 2, méthode JS pour actualiser l'iframe

Utiliser l'attribut de nom de l'iframe pour positionner


   
<input type="button" name="Button" value="Button" onclick="document.frames(&#39;ifrmname&#39;).location.reload()">
或
<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">
Copier après la connexion

Exemple 3, d'abord, définissez un iframe

<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>
Copier après la connexion

Contenu de la page Aa.htm :

Remarque :
<input type ="button" value ="刷新" onclick ="aa()"/>
function aa() { (php中文网 www.php.cn 编辑整理)
//parent.location.replace(parent.location.href);//服务器端重新创建页面
parent.document.location.reload();//相当于F5
//window.location.href(parent.location.href);//iframe内容重定向
}
Copier après la connexion
window.location.reload;

Si vous soumettez des données lors de l'actualisation, une boîte de dialogue apparaîtra !

Solution :

   
window.location.href=window.location.href;
window.location.reload;
Copier après la connexion

Actualiser la fenêtre parent :

Recommandations associées :
window.opener.location.href=window.opener.location.href;
window.opener.location.reload();
Copier après la connexion

Javascript Explication détaillée de l'exemple d'actualisation de la page dans

Tutoriel sur la façon d'utiliser JavaScript pour prévisualiser et télécharger des images sans actualiser la page

JS actualisez la somme de la page ! Divers codes de page d'actualisation JS !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal