Maison  >  Article  >  interface Web  >  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

小云云
小云云original
2017-12-29 09:49:253711parcourir

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)

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

$(this).contents().find("#suggestBox")

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

parent.method parent.value

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)

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)

. 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");

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");

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

window.parent.func();

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!

Déclaration:
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