Cet article présente sept méthodes pour actualiser les sous-pages de cadre en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
Ce qui suit prend comme exemple trois pages nommées framedemo.html, left.html et right.html pour expliquer comment procéder.
Parmi eux, framedemo.html se compose de deux pages, la gauche et la droite. Le code est le suivant :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < TITLE> frameDemo </TITLE> < /HEAD> < frameset cols="200,*"> < frame name=top src="left.html"> < frame name=button src="right.html"> < /frameset> < /HTML>
En supposant maintenant que left.html, la page ci-dessus, a un. pour actualiser la page ci-dessous, vous pouvez utiliser les sept déclarations suivantes et décider laquelle est la plus facile à utiliser.
//语句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();
Expliquez :
1.window fait référence à la page actuelle, par exemple, dans cet exemple, il fait référence à la page top.html.
2.parent fait référence à la page parent de la page actuelle, qui est la page cadre qui la contient. Par exemple, pour cet exemple, il fait référence à framedemo.html.
3.frames est un objet fenêtre et un tableau. Représente toutes les sous-pages dans le cadre.
4.item est une méthode. Renvoie les éléments du tableau.
5. Si la sous-page est également une page cadre avec d'autres sous-pages à l'intérieur, certaines des méthodes ci-dessus peuvent ne pas fonctionner.
code source top.html ; (Il y a sept boutons sur la page, dont les fonctions sont d'actualiser la page du cadre ci-dessous)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /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>
Ce qui suit est le code source de la page right.html, afin de prouver que la page ci-dessous est bien utilisée. Après rafraichissement, une boîte de dialogue apparaît au chargement de la page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /HEAD> < BODY onload="alert('我被加载了！')"> < h1>This is the content in button.html.</h1> < /BODY> < /HTML>
Après mon test, seuls 1 et 4 peuvent afficher l'effet, et les autres semblent faux
==============＝＝＝＝＝＝ ＝＝ ＝＝＝＝＝＝＝＝
Pièce jointe :
Plusieurs façons d'actualiser la page en utilisant Javascript :
1 historique. 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
Méthode pour actualiser automatiquement le page :
1. Actualiser automatiquement la page : Ajoutez le code suivant dans la zone
<meta http-equiv="refresh" content="20">
Les 20 doigts actualisent la page toutes les 20 secondes. .
2. La page saute automatiquement : ajoutez le code suivant dans la zone
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
Le 20ème doigt passera à http:// www.wyxg après 20 secondes. Page .com
3. La page actualise automatiquement la version js
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>Comment ASP.NET affiche-t-il le Instruction de script d'actualisation de la fenêtre parent
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")Instruction de script d'actualisation JS
//如何刷新包含该框架的页面用
< 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>Si vous souhaitez actualiser lorsque le est fermée ou actualisez lorsque la fenêtre est ouverte, entrez < Appelez simplement l'instruction suivante dans body>.
<body onload="opener.location.reload()">开窗时刷新 <body onUnload="opener.location.reload()">关闭时刷新 <script language="javascript"> window.opener.document.location.reload() < /script>
Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript !
Recommandations associées :
Tutoriel vidéo de formation sur le bien-être public php
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)
