interface Webjs tutorielSept 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 .
<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!
L'évolution de JavaScript: tendances actuelles et perspectives d'avenirApr 10, 2025 am 09:33 AMLes dernières tendances de JavaScript incluent la montée en puissance de TypeScript, la popularité des frameworks et bibliothèques modernes et l'application de WebAssembly. Les prospects futurs couvrent des systèmes de type plus puissants, le développement du JavaScript côté serveur, l'expansion de l'intelligence artificielle et de l'apprentissage automatique, et le potentiel de l'informatique IoT et Edge.
Démystifier javascript: ce qu'il fait et pourquoi c'est importantApr 09, 2025 am 12:07 AMJavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.
Python ou JavaScript est-il meilleur?Apr 06, 2025 am 12:14 AMPython est plus adapté à la science des données et à l'apprentissage automatique, tandis que JavaScript est plus adapté au développement frontal et complet. 1. Python est connu pour sa syntaxe concise et son écosystème de bibliothèque riche, et convient à l'analyse des données et au développement Web. 2. JavaScript est le cœur du développement frontal. Node.js prend en charge la programmation côté serveur et convient au développement complet.
Comment installer JavaScript?Apr 05, 2025 am 12:16 AMJavaScript ne nécessite pas d'installation car il est déjà intégré à des navigateurs modernes. Vous n'avez besoin que d'un éditeur de texte et d'un navigateur pour commencer. 1) Dans l'environnement du navigateur, exécutez-le en intégrant le fichier HTML via des balises. 2) Dans l'environnement Node.js, après avoir téléchargé et installé Node.js, exécutez le fichier JavaScript via la ligne de commande.
Comment envoyer des notifications avant le début d'une tâche en quartz?Apr 04, 2025 pm 09:24 PMComment envoyer à l'avance des notifications de tâches en quartz lors de l'utilisation du minuteur de quartz pour planifier une tâche, le temps d'exécution de la tâche est défini par l'expression CRON. Maintenant...
Dans JavaScript, comment obtenir des paramètres d'une fonction sur une chaîne prototype dans un constructeur?Apr 04, 2025 pm 09:21 PMComment obtenir les paramètres des fonctions sur les chaînes prototypes en JavaScript dans la programmation JavaScript, la compréhension et la manipulation des paramètres de fonction sur les chaînes prototypes est une tâche commune et importante ...
Quelle est la raison de la défaillance du déplacement de style dynamique Vue.js dans le WECHAT Mini Program WebView?Apr 04, 2025 pm 09:18 PMAnalyse de la raison pour laquelle la défaillance du déplacement de style dynamique de l'utilisation de Vue.js dans la vue Web de l'applet WeChat utilise Vue.js ...
Comment implémenter des demandes de GET simultanées pour plusieurs liens dans Tampermonkey et déterminer les résultats de retour en séquence?Apr 04, 2025 pm 09:15 PMComment faire des demandes d'obtention simultanées pour plusieurs liens et juger en séquence pour retourner les résultats? Dans les scripts de Tampermonkey, nous devons souvent utiliser plusieurs chaînes ...
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
Version Mac de WebStorm
Outils de développement JavaScript utiles
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel
