Heim >Web-Frontend >js-Tutorial >Wie JQuery die zugehörige Seite von iframe betreibt
Dieses Mal werde ich Ihnen JQuery zeigen, wie Sie die zugehörige Seite von Iframe bedienen und welche Vorsichtsmaßnahmen für JQuery gelten, um die zugehörige Seite von Iframe zu bedienen Praktischer Fall, werfen wir einen Blick darauf.
JQUERY IFRAME
Im Folgenden wird einfach Jquery verwendet, um einige Datensätze des Iframes zu bedienen. Dies kann mit reinem JS erreicht werden.
Erstens, wie man die Elemente der übergeordneten Seite im Iframe findet:
$('#id', window.parent. document )
Zweitens, wie man die Elemente des Iframes im übergeordneten Element erhält Seite:
$(this).contents().find("#suggestBox")
Drittens rufen Sie die Methoden und Variablen auf, die auf der übergeordneten Seite im Iframe definiert sind:
parent.method parent.value
Verwenden Sie jquery, um Holen Sie sich das übergeordnete Element im iframe-Seitenkörper
iframe.html
<html> <script src='jquerymin.js'> </script> <body id='1'> <p>it is a iframe</p> </body> <script> $(document).ready( function() { var c = $(window.parent.document.body) //麻烦的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了 alert(c.html()); } ); </script> </html>
Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Informationen, bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Aufrufen der Iframe-Seite basierend auf der ID (mit Code)
Wie JQuery Iframe anpassungsfähig macht die Höhe des vorderen Endes
Das obige ist der detaillierte Inhalt vonWie JQuery die zugehörige Seite von iframe betreibt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!