Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie JQuery die zugehörige Seite von iframe betreibt

php中世界最好的语言
Freigeben: 2018-04-26 15:47:15
Original
1481 Leute haben es durchsucht

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
)
Nach dem Login kopieren

Zweitens, wie man die Elemente des Iframes im übergeordneten Element erhält Seite:

$(this).contents().find("#suggestBox")
Nach dem Login kopieren

Drittens rufen Sie die Methoden und Variablen auf, die auf der übergeordneten Seite im Iframe definiert sind:

parent.method
parent.value
Nach dem Login kopieren

Verwenden Sie jquery, um Holen Sie sich das übergeordnete Element im iframe-Seitenkörper

iframe.html

<html>
<script src=&#39;jquerymin.js&#39;>
</script>
<body id=&#39;1&#39;>
    <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(&#39;body&#39;); ,忘了可以用前面的方法了
        alert(c.html());
        }
    );
</script>
</html>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage