Maison > Article > interface Web > Explication détaillée des méthodes courantes permettant à jQuery d'obtenir des éléments dans iframe_jquery
Cet article analyse les méthodes courantes de jQuery pour obtenir des éléments en iframe. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Plusieurs façons d'obtenir des éléments dans iframe avec jquery :
Récupérez l'élément de la page parent dans la sous-page iframe
Le code est le suivant :
Terminé...
Récupérer les éléments de la sous-page iframe sur la page parent :
$("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html()
Affichez le contenu de l'élément body dans l'iframe.
Obtenez l'élément dont l'ID est "testId" en fonction du nom iframe
Utilisez JS ou jQuery pour accéder à l'iframe dans la page, compatible avec IE/FF
Remarque : les pages contenues dans le cadre ne peuvent pas traverser les domaines !
Supposons qu'il y ait deux pages, sous le même domaine.
Le fichierindex.html contient un iframe :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页面首页</title> </head> <body> <iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe> </body> </html>
Contenu iframe.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>iframe.html</title> </head> <body> <div id="test">www.jb51.net</div> </body> </html>
1. Exécutez JS dans index.html pour un accès direct :
Ce code a été testé et peut prendre en charge IE/firefox.
2. Accès avec jQuery dans index.html :
L'effet de ce code est le même que celui d'un accès direct via JS. Avec l'aide du framework jQuery, le code est plus court.
Recueillez quelques exemples sur Internet :
Utiliser jQuery pour obtenir la valeur d'un élément de la fenêtre parent dans l'IFRAME ne peut être réalisé qu'en combinant la méthode DOM et la méthode jquery
1. Opérez dans la fenêtre parent et sélectionnez tous les boutons radio dans l'IFRAME
J'espère que cet article sera utile à tous ceux qui programment jQuery.