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 🎜>
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
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
Le code est le suivant :
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>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 .//刷新包含该框架的页面用
<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>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 :
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>
top.html est le suivant :
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['bottom'].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('bottom').location.reload()"><br> <input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> <input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br> </BODY> </HTML>
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('我被加载了！')"> <h1>This is the content in bottom.html.</h1> </BODY> </HTML>
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.页面自动刷新：把如下代码加入
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入区域中
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
其中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('bottom').location.reload(); 语句6. window.parent.bottom.location.reload(); 语句7. window.parent['bottom'].location.reload();
4.如果想关闭窗口时刷新或者想开窗时刷新的话，在
中调用以下语句即可。<body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新
复制代码 代码如下:
<script language="javascript"> window.opener.document.location.reload() </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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
