Maison > interface Web > js tutoriel > Résumé des méthodes d'utilisation de JQuery pour faire fonctionner les pages parent et enfants iframe

Résumé des méthodes d'utilisation de JQuery pour faire fonctionner les pages parent et enfants iframe

小云云
Libérer: 2017-12-29 09:49:25
original
3868 Les gens l'ont consulté

iframe est souvent utilisé dans les documents composés. L'utilisation de jquery pour faire fonctionner iframe peut considérablement améliorer l'efficacité. Cet article partage principalement quelques enregistrements sur la simple utilisation de JQUERY pour faire fonctionner IFRAME. Cela peut également être réalisé en utilisant du JS pur. Pas grand chose à dire ci-dessous, jetons un œil à l’introduction détaillée. Cet article vous présente principalement les informations pertinentes sur l'utilisation de JQuery pour faire fonctionner les éléments et les méthodes des pages parents et des sous-pages iframe. L'article le présente en détail à travers des exemples de codes. Il a une certaine valeur d'apprentissage de référence pour l'étude ou le travail de chacun. qui en a besoin Apprenons avec l'éditeur ci-dessous.

Premièrement, comment retrouver les éléments de la page parent dans l'iframe :

$('#id', window.parent.document)
Copier après la connexion

Deuxièmement, comment récupérer les éléments de l'iframe dans la page parent :

$(this).contents().find("#suggestBox")
Copier après la connexion

Troisièmement, appelez les méthodes et variables définies dans la page parent dans l'iframe :

parent.method parent.value
Copier après la connexion

JQUERY, JS appelle la méthode des éléments de la fenêtre parent IFRAME et de la fenêtre enfant

1 . jquery dans iframe La page enfant obtient le code de l'élément de la page parent comme suit :

$("#objid", parent.document)
Copier après la connexion

2. jquery obtient le code de l'élément de la sous-page iframe sur la page parent comme suit :

$("#objid",document.frames('iframename').document)
Copier après la connexion

. 3.js obtient la sous-page iframe. Le code de l'élément de la page parent est le suivant :

indow.parent.document.getElementByIdx_x("元素id");
Copier après la connexion

4.js Obtenez le code de l'élément de la page enfant iframe sur la page parent comme suit :

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
Copier après la connexion

5. Appelez la fonction de classe parent dans la sous-classe iframe :

window.parent.func();
Copier après la connexion

Recommandations associées :

Exemple d'utilisation des éléments iframe dans les composants vue

Une brève analyse de la fenêtre de navigation à l'intérieur de la page Web Iframe

Comment utiliser l'attribut iframe

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!

É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