Maison >interface Web >js tutoriel >Résumé des méthodes d'utilisation de JQuery pour faire fonctionner les pages parent et enfants iframe
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!