recherche

Maison  >  Article  >  interface Web  >  méthode js pour actualiser la page

méthode js pour actualiser la page

不言
不言original
2018-03-31 16:55:541985parcourir

Cet article présente plusieurs méthodes pour actualiser la page actuelle à l'aide de js, notamment la méthode de rechargement, la méthode de remplacement, la méthode d'actualisation automatique, etc. Les amis dans le besoin peuvent s'y référer

Comment actualiser la page actuelle ? Avec js, vous pouvez tout faire.

1, méthode de rechargement, cette méthode force le navigateur à actualiser la page actuelle.
Syntaxe : location.reload([bForceGet])
Paramètres : bForceGet, paramètre facultatif, la valeur par défaut est false, récupère la page actuelle du cache client. vrai, puis utilisez la méthode GET pour obtenir la dernière page du serveur, ce qui équivaut au fait que le client clique sur F5 ("Actualiser")

2, méthode de remplacement, qui remplace le cache actuel dans l'historique en spécifiant le projet URL (côté client), donc après avoir utilisé la méthode de remplacement, vous ne pouvez pas accéder à l'URL remplacée via "avant" et "arrière".
Syntaxe : location.replace(URL)
Utilisez généralement : location.reload() ou history.go(0) pour le faire.
Cette méthode est similaire au point client F5 pour actualiser la page, donc lorsque la méthode de page = "post", une invite "page Web expirée" apparaîtra.
En raison du mécanisme de protection de sécurité de Session.
Lorsque la méthode location.reload() est appelée, la page aspx existe déjà dans la mémoire du serveur, elle doit donc être IsPostback.
S'il existe une telle application : la page doit être rechargée, ce qui signifie que la page devrait être recréée côté serveur et que l'attente est Not IsPostback.
Ici, location.replace() peut effectuer cette tâche. La page remplacée est régénérée sur le serveur à chaque fois.
Code : location.replace(location.href);

Retourner et actualiser la page :

location.replace(document.referrer);
document .referrer //L'URL de la page précédente

Ne pas utiliser history.go(-1), ou history.back(); pour retourner et actualiser la page. Ces deux méthodes ne rafraîchiront pas la page. .
Pièce jointe :

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


Copiez le code Le code est le suivant :

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 :
1 Actualiser automatiquement la page : Ajoutez le code suivant dans la zone 93f0f5c25f18dab9d176bd4f6de5d30e 🎜>


Copier le code

Le code est le suivant :

Les 20 doigts rafraîchissent la page toutes les 20 secondes.
<meta http-equiv="refresh" content="20">

2, la page saute automatiquement : Ajoutez le code suivant dans la zone 93f0f5c25f18dab9d176bd4f6de5d30e


Copiez le code

Le code est la suivante :

Dont 20 fait référence au saut vers la page http://www.jb51.net 
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

3 après 20 secondes, et la page actualisera automatiquement le js version


Copier le code

Le code est le suivant :

<script language="JavaScript">
function myrefresh()
{
   window.location.reload();
}
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次
</script>
4, cadre de rafraîchissement JS instruction de script


Copiez le code

Le code est le suivant :

Si vous souhaitez actualiser lorsque la fenêtre est fermée ou si vous souhaitez actualiser lorsque la fenêtre est ouverte, appelez simplement l'instruction suivante dans 6c04bd5ca3fcae76e30b72ad730ca86d. 
//刷新包含该框架的页面用   
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a>   )
//刷新另一个框架的页面用   
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>


Copier le code

Le code est le suivant :

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>

1. exemple simple d'abord :

Ce qui suit prend trois pages nommées frame.html, top.html et bottom.html comme exemple pour expliquer comment procéder.
frame.html se compose de deux pages : top (top.html) et bottom (bottom.html). Le code est le suivant :


Copier le code

Le code. est la suivante : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> frame </TITLE> 
</HEAD> 
<frameset rows="50%,50%"> 
<frame name=top src="top.html"> 
<frame name=bottom src="bottom.html"> 
</frameset> 
</HTML>
Supposons maintenant que top.html (c'est-à-dire la page ci-dessus) dispose de sept boutons pour actualiser bottom.html (c'est-à-dire la page ci-dessous). . Lequel est le plus facile à utiliser pour vous ? Le code de la page

top.html est le suivant :


Copiez le code

Le code est le suivant : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> top.html </TITLE> 
</HEAD> 
<BODY> 
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> 
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br> 
<input type=button value="刷新3" onclick="window.parent.frames[&#39;bottom&#39;].location.reload()"><br> 
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> 
<input type=button value="刷新5" onclick="window.parent.frames.item(&#39;bottom&#39;).location.reload()"><br> 
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> 
<input type=button value="刷新7" onclick="window.parent[&#39;bottom&#39;].location.reload()"><br> 
</BODY> 
</HTML>
Ce qui suit est le code source de la page bottom.html, afin de prouver que la page ci-dessous a bien été actualisée, une boîte de dialogue apparaît après le chargement de la page.



Copier le code

Le code est le suivant :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> bottom.html </TITLE> 
</HEAD> 
<BODY onload="alert(&#39;我被加载了！&#39;)"> 
<h1>This is the content in bottom.html.</h1> 
</BODY> 
</HTML>
Explication :



Copier code

Le code est le suivant :


1.window指代的是当前页面，例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象，是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。
附：
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


二、自动刷新页面
1.页面自动刷新：把如下代码加入93f0f5c25f18dab9d176bd4f6de5d30e区域中
e1e9bde4ad2e5e5180f8390be8b7a81a
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入93f0f5c25f18dab9d176bd4f6de5d30e区域中
6b19efeed4a48774ca99eef67b4f5877
其中20指隔20秒后跳转到http://www.jb51.net页面
3.页面自动刷新js版


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）

复制代码 代码如下:

1 PrintWriter out = response.getWriter(); 
2 out.write("<script type=\"text/javascript\">"); 
3 ////子窗口刷新父窗口 
4 out.write("self.opener.location.reload();"); 
5 //关闭窗口 
6 out.write("window.opener=null;"); 
7 out.write("window.close();"); 
8 out.write("</script>");

四、JS刷新框架的脚本语句
1.如何刷新包含该框架的页面用

复制代码 代码如下:

<script language=JavaScript> 
parent.location.reload(); 
</script>


2.子窗口刷新父窗口

复制代码 代码如下:

<script language=JavaScript> 
self.opener.location.reload(); 
</script>

3.如何刷新另一个框架的页面用 （上面的实例以说明了）

复制代码 代码如下:

语句1. window.parent.frames[1].location.reload(); 
语句2. window.parent.frames.bottom.location.reload(); 
语句3. window.parent.frames["bottom"].location.reload(); 
语句4. window.parent.frames.item(1).location.reload(); 
语句5. window.parent.frames.item(&#39;bottom&#39;).location.reload(); 
语句6. window.parent.bottom.location.reload(); 
语句7. window.parent[&#39;bottom&#39;].location.reload();

4.如果想关闭窗口时刷新或者想开窗时刷新的话，在6c04bd5ca3fcae76e30b72ad730ca86d中调用以下语句即可。 

<body onload="opener.location.reload()"> 
开窗时刷新 
<body onUnload="opener.location.reload()"> 
关闭时刷新

复制代码 代码如下:

<script language="javascript"> 
window.opener.document.location.reload() 
</script>

相关推荐：

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!

Déclaration：
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
Article précédent：Comment implémenter la barre de progression pour le téléchargement de fichiers avec Ajax CodularArticle suivant：Comment implémenter la barre de progression pour le téléchargement de fichiers avec Ajax Codular

Articles Liés

Voir plus