Heim > Web-Frontend > js-Tutorial > Hauptteil

Javascript-Methode zum Aufrufen von Funktionen im Iframe-Frame page_javascript skills

WBOY
Freigeben: 2016-05-16 16:32:13
Original
1352 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode zum Aufrufen der Funktion auf der Iframe-Frame-Seite in Javscript. Mit dieser Methode können wir Werte zwischen Iframes übertragen oder ändern einfach. . Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Zugriff auf Funktionen innerhalb des Iframes:

Code kopieren Der Code lautet wie folgt:
document.getElementById('commentIframe').contentWindow.hasLogined();

commentIframe ist die ID von iframe.
Um in window.onload auszuführen

Beispiele sind wie folgt:

1.html

Code kopieren Der Code lautet wie folgt:

2.html-Seite

Code kopieren Der Code lautet wie folgt:

Durch Klicken auf die Testschaltfläche in 1.htm wird die Mybutton-Schaltfläche in 2.htm (Iframe-Seite) ungültig. So einfach ist das, haha. Wenn Sie die JS-Funktion in 2.htm aufrufen möchten, schreiben Sie Folgendes:

Code kopieren Der Code lautet wie folgt:
self.frames['a'].funtionname(param)

Rufen Sie die JS-Funktion in 2.htm in 1.htm auf: iframe2.showInfo();

Beispiel:

Angenommen, es gibt zwei Seiten, index.html und inner.html. In index.html gibt es einen Iframe, und der Quellcode dieses Iframes zeigt auf inner.html.

Was wir jetzt tun müssen ist:

1. Rufen Sie eine js-Methode für inner.html in index.html auf
2. Rufen Sie eine js-Methode für index.html in inner.html

auf

Der Implementierungscode lautet wie folgt:

index.html:

Code kopieren Der Code lautet wie folgt:
Dies ist die Indexseite



inner.html:





Code kopieren


Der Code lautet wie folgt:
Dies ist die Innenseite

Ich hoffe, dass dieser Artikel für alle bei der Webprogrammierung auf Basis von JavaScript hilfreich sein wird.
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