Maison > interface Web > js tutoriel > Résumé des méthodes js pour actualiser les compétences iframe_javascript

Résumé des méthodes js pour actualiser les compétences iframe_javascript

WBOY
Libérer: 2016-05-16 16:02:06
original
1054 Les gens l'ont consulté

Un résumé des méthodes d'actualisation de l'iframe en JavaScript. En supposant maintenant qu'il existe une iframe comme celle-ci, les N méthodes d'actualisation de l'iframe sont :

Copier le code Le code est le suivant :


La première méthode : utilisez l'attribut name de l'iframe pour localiser

Copier le code Le code est le suivant :


ou



La deuxième méthode : utiliser l'attribut id de l'iframe pour localiser


Troisième méthode : lorsque le src de l'iframe est l'adresse d'un autre site Web (c'est-à-dire une opération inter-domaines)

Copier le code

Il y a deux iframes dans la page parent. Une iframe est une liste de liens, et les liens qu'elle contient pointent vers l'autre iframe pour afficher le contenu. Désormais, lorsque le contenu du contenu est ajouté et qu'un enregistrement est ajouté à la liste chaînée, l'iframe de la liste doit être actualisée.
Utilisez parent.location.reload() dans le js de soumission de l'iframe de contenu pour actualiser toutes les pages parents. Étant donné que l'autre iframe n'a pas d'URL par défaut et ne peut être sélectionnée que via la liste, seul le contenu de l'iframe de la liste l'est. affiché.
Utilisez window.parent.frames["list iframe name"].location="list url" pour actualiser l'iframe de la liste, et l'actualisation de l'iframe du contenu ne sera pas affectée après la soumission.



Copier le code

Le code est le suivant : document.frames("refreshAlarm").location.reload(true); document.frames("refreshAlarm").document.location.reload(true); document.frames("refreshAlarm").document.location="
http://www.jb51.net/
"
document.frames("refreshAlarm").src="
http://www.jb51.net/
"
Notez la différence : document.all.refreshAlarm ou document.frames("refreshAlarm") obtient la balise iframe dans la page http://www.jb51.net/
, donc opérez sur le src attribut, cela fonctionne.
document.frames("refreshAlarm").document récupère le contenu à l'intérieur de l'iframe, qui est le contenu de "http://www.jb51.net/

". Résumé de la méthode d'implémentation de javascript(js) rafraîchissant automatiquement la page :
Actualisez toutes les 10 secondes et ajoutez l'extrait de code suivant à la balise head de la page :

Copier le code

Le code est le suivant :
Actualisez régulièrement la page (actualisez la page toutes les 2 secondes) :


Copier le code

Événement d'actualisation directe de la page :




Copier le code

Le code est le suivant :


window.location.reload(true);
//Si vous devez actualiser l'iframe, remplacez simplement window par la valeur de l'attribut name ou la valeur de l'attribut ID de l'iframe correspondante


Événement d'actualisation directe de la page :

window.navigate("URL de cette page");



Événement d'actualisation directe de la page :

Copier le code

Le code est le suivant : fonction abc(){ window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}



Actualiser la page du cadre :

Copier le code

Le code est le suivant : top.leftFrm.location.reload(); parent.frmTop.location.reload();



Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal