Heim >Web-Frontend >HTML-Tutorial >Verwenden Sie js, um die js-Funktionen des jeweils anderen in der iframe-page_HTML/Xhtml_web-Seitenproduktion aufzurufen

Verwenden Sie js, um die js-Funktionen des jeweils anderen in der iframe-page_HTML/Xhtml_web-Seitenproduktion aufzurufen

WBOYOriginal: 2016-05-16 16:43:031366Durchsuche

Kürzlich habe ich jeden Tag an dem Bericht zum Dissertationsvorschlag gearbeitet und es brannte darauf, das Web erneut zu entwerfen. Als ich die WEB-Seite entwarf, hatte ich nie darüber nachgedacht, sie auszuführen Allein Chrome, aber jetzt ist es anders. Zumindest finde ich, dass WEB-Seiten, die nicht mit Firefox kompatibel sind, extrem hässlich und falsch sind. Seitdem ich dieses Konzept hatte, habe ich begonnen, beim Entwerfen von Seiten auf diese Kompatibilität zu achten Diesmal bin ich auf ein Kompatibilitätsproblem gestoßen. In HTML gibt es einen schwebenden Rahmen, , der eine Seite in die Seite einbetten kann. Er eignet sich sehr gut zum Erstellen von Rahmenseiten, <a href="http://www.jb51.net/do/uploads/userup/0907/0Z95443K53.jpg" target="_blank"><img style="max-width:90%" alt="" src="http://files.jb51.net/do/uploads/userup/0907/0Z95443K53.jpg" style="max-width:90%" border="0"></a> Eine HTML-Seite, unterteilt in links und rechts. Zwei Teile, links ist die Navigationsleiste und rechts der Inhalt, der angezeigt werden muss. Der Code lautet wie folgt: Der Code für Die linke Spalte lautet: <iframe frameborder="0" id="frmTitleLeft" name="framLeft" src="left.html" style="HEIGHT: 100%; width:180px;"> Mit left.html verbinden Die rechte Spalte ist ähnlich, nur der Vorschaueffekt der von mir erstellten Seite ist wie folgt: <a href="http://www.jb51.net/do/uploads/userup/0907/0Z9552W101.gif" target="_blank"><img style="max-width:90%" alt="" src="http://files.jb51.net/do/uploads/userup/0907/0Z9552W101.gif" style="max-width:90%" border="0"> </a> Welche Art von Effekt sollte jetzt erzielt werden, um einen praktischeren Effekt zu erzielen? Wenn er in der rechten Spalte angezeigt wird, muss er natürlich über js implementiert werden Bitte beachten Sie die folgenden Implementierungsschritte: 1. Rufen Sie zunächst das Iframe-Objekt in der rechten Spalte ab. var frames=document.getElementById("frameid");//frameid ist die ID Name des Iframes in der rechten Spalte 2, setzen Sie seinen Quellwert zurück frames.src=pageurl;//pageurl ist die anzuzeigende Zielseite Auf diese Weise wird der Seitensprung realisiert Aber es gibt noch einen anderen Punkt: Wenn Sie die Funktion aufrufen möchten, ist das nicht so einfach. Zum Beispiel gibt es eine Funktion right() in der rechten Spalte, und ich möchte sie in der aufrufen linke Spalte. Wie rufe ich die Funktion right() im Link der Spalte auf? und erhalten Sie das rechte Frame-Objekt. var frames=window.parent.window.getElementById("frameid"); Fensterobjekt. Hier ist ein wichtiges Objekt, contentWindow. Nachdem Sie dieses Objekt erhalten haben, können Sie die darin enthaltenen Funktionen ausführen, z. B. frames.contentWindow.right(); Der obige Code ist mit IE6 kompatibel. Firefox3, Chrome2.0 und IE7 haben den Test nicht bestanden, aber es sollte in Ordnung sein.

Stellungnahme：

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

Vorheriger Artikel：HTML-Frameset-Beispielcode_HTML/Xhtml_WebseitenproduktionNächster Artikel：HTML-Frameset-Beispielcode_HTML/Xhtml_Webseitenproduktion

In Verbindung stehende Artikel

Mehr sehen