Maison > Article > interface Web > Sept façons d'actualiser les sous-pages de cadre en JavaScript (résumé)

Sept façons d'actualiser les sous-pages de cadre en JavaScript (résumé)

青灯夜游avant: 2018-10-11 15:01:304377parcourir

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(&#39;bottom&#39;).location.reload();

//语句6
window.parent.bottom.location.reload();

//语句7
window.parent[&#39;bottom&#39;].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[&#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 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(&#39;我被加载了！&#39;)">
< 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 93f0f5c25f18dab9d176bd4f6de5d30e

<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 93f0f5c25f18dab9d176bd4f6de5d30e

<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(&#39;myrefresh()&#39;,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(&#39;&#39;你要刷新的页.asp&#39;&#39;);</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 cd211e251f8e3af917964843768bae01.

<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

Tutoriel graphique JavaScript

Manuel JavaScript en ligne

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!

php JavaScript asp.net html .net JS 对象 location history href http

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Explication graphique détaillée de la façon de convertir des chaînes en tableaux en JavaScriptArticle suivant：Explication graphique détaillée de la façon de convertir des chaînes en tableaux en JavaScript

Articles Liés

Voir plus