interface Web
js tutoriel
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é)
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Nombre parfait en Java
Aug 30, 2024 pm 04:28 PM
Guide du nombre parfait en Java. Nous discutons ici de la définition, comment vérifier le nombre parfait en Java ?, des exemples d'implémentation de code.
Weka en Java
Aug 30, 2024 pm 04:28 PM
Guide de Weka en Java. Nous discutons ici de l'introduction, de la façon d'utiliser Weka Java, du type de plate-forme et des avantages avec des exemples.
Numéro de Smith en Java
Aug 30, 2024 pm 04:28 PM
Guide du nombre de Smith en Java. Nous discutons ici de la définition, comment vérifier le numéro Smith en Java ? exemple avec implémentation de code.
Questions d'entretien chez Java Spring
Aug 30, 2024 pm 04:29 PM
Dans cet article, nous avons conservé les questions d'entretien Java Spring les plus posées avec leurs réponses détaillées. Pour que vous puissiez réussir l'interview.
Break or Return of Java 8 Stream Forach?
Feb 07, 2025 pm 12:09 PM
Java 8 présente l'API Stream, fournissant un moyen puissant et expressif de traiter les collections de données. Cependant, une question courante lors de l'utilisation du flux est: comment se casser ou revenir d'une opération FOREAK? Les boucles traditionnelles permettent une interruption ou un retour précoce, mais la méthode Foreach de Stream ne prend pas directement en charge cette méthode. Cet article expliquera les raisons et explorera des méthodes alternatives pour la mise en œuvre de terminaison prématurée dans les systèmes de traitement de flux. Lire plus approfondie: Améliorations de l'API Java Stream Comprendre le flux Forach La méthode foreach est une opération terminale qui effectue une opération sur chaque élément du flux. Son intention de conception est
Horodatage à ce jour en Java
Aug 30, 2024 pm 04:28 PM
Guide de TimeStamp to Date en Java. Ici, nous discutons également de l'introduction et de la façon de convertir l'horodatage en date en Java avec des exemples.
Programme Java pour trouver le volume de la capsule
Feb 07, 2025 am 11:37 AM
Les capsules sont des figures géométriques tridimensionnelles, composées d'un cylindre et d'un hémisphère aux deux extrémités. Le volume de la capsule peut être calculé en ajoutant le volume du cylindre et le volume de l'hémisphère aux deux extrémités. Ce tutoriel discutera de la façon de calculer le volume d'une capsule donnée en Java en utilisant différentes méthodes. Formule de volume de capsule La formule du volume de la capsule est la suivante: Volume de capsule = volume cylindrique volume de deux hémisphères volume dans, R: Le rayon de l'hémisphère. H: La hauteur du cylindre (à l'exclusion de l'hémisphère). Exemple 1 entrer Rayon = 5 unités Hauteur = 10 unités Sortir Volume = 1570,8 unités cubes expliquer Calculer le volume à l'aide de la formule: Volume = π × r2 × h (4
Comment exécuter votre première application Spring Boot dans Spring Tool Suite?
Feb 07, 2025 pm 12:11 PM
Spring Boot simplifie la création d'applications Java robustes, évolutives et prêtes à la production, révolutionnant le développement de Java. Son approche "Convention sur la configuration", inhérente à l'écosystème de ressort, minimise la configuration manuelle, allo
