Auf einer mit mehreren Fenstern gerahmten Seite kommt es häufig zu einer Informationsinteraktion zwischen Unterfenstern. Wenn Sie im Navigationsfenster auf einen Hyperlink klicken, wie öffnen Sie die verlinkte Webseite in einem anderen Fenster? Wenn ich in diesem Fenster eine Schaltfläche drücke, kann ich dann in einem anderen Fenster eine Nachricht schreiben? Es gibt so viele Fenster, wie erkennt man sie? Bitte sehen Sie sich das Beispiel unten an.
1. Klicken Sie auf den Link im Navigationsfenster, um die Webseite in einem anderen Fenster zu öffnen
Die vorhandene Ein-Frame-Seite sieht wie im Bild oben aus. Fenster A ist das Website-Logo und die Werbung, Fenster B ist die Navigationsleiste und Fenster C ist das Fenster, in dem die Seite angezeigt wird. Der Quellcode dieser gerahmten Seite lautet:
| <framesetrows=20%,*> <framename=topFramescrolling=NOnoresizesrc=toppage.htm> <framesetcols=18%,*> <framename=leftFramenoresizesrc=leftpage.htm> <framename=mainFramesrc=mainpage.htm> </frameset> </frameset> |
Wenn es erforderlich ist, dass die verlinkte Seite (test.htm) in Fenster B in Fenster C geöffnet wird, dann sollte der Link in Fenster B wie folgt geschrieben werden: <a herf=test.htm target=mailFrame> Die Seite dieses Links sollte in Fenster C geöffnet werden. </a>, die Schlüsselrolle spielt hier der Zielparameter im <A>-Tag. Wenn Sie die Webseite in diesem Fenster öffnen möchten, legen Sie den Namen dieses Fensters im Zielparameter fest.
2. Drücken Sie eine Schaltfläche in Fenster B und schreiben Sie eine Textzeile in Fenster C.
Das Seitenformat dieses Beispiels ist das gleiche wie im vorherigen Beispiel. Der fertige Effekt ist wie folgt: Nach dem Drücken der Schaltfläche „In Fenster C schreiben“ in Fenster B wird eine Textzeile „Hallo! Hallo! Dies ist durch Wörter geschrieben für“ angezeigt B Fenstersteuerung.“ Der Code für die gerahmte Seite und die Webseitendateien in jedem Fenster sind die gleichen wie im obigen Beispiel.
Zubereitungsmethode:
1. Fügen Sie das folgende Javascript-Programm zwischen dem Quellcode <head> und </head> der C-Fenster-Webseite (mainpage.htm) ein:
| <scriptsprache=Javascript> <!-- functionhtest(){ document.write (Hallo! Hallo! Dies ist ein Wort, das über die B-Fenstersteuerung geschrieben wurde.) } -> </script> |
Die Funktion dieses Programms besteht darin, einen Text in das aktuelle Fenster zu schreiben.
2. Wie rufe ich das Programm in Fenster C in Fenster B auf? Schauen Sie sich zunächst den Quellcode der Schaltfläche „In Fenster C schreiben“ in Fenster B an:
| <inputtype=buttonvalue=In C-Fenster schreiben onclick=parent.mainFrame.htest()> |
In diesem Code ist der Schlüssel der Code „parent.mainFrame“, der ein neues Konzept einführt – die Fensterstrukturbeziehung, dh auf einer Seite mit mehreren Fenstern wird die Beziehung zwischen Fenstern durch welche Prinzipien bestimmt. Das Prinzip zur Bestimmung der Fensterbeziehung lautet: Das vom aktuellen Fenster getrennte Fenster ist das „untergeordnete Fenster“ (Kinder) des aktuellen Fensters, dann ist das aktuelle Fenster das „übergeordnete Fenster“ (übergeordnetes Fenster) des geteilten Fensters. Die Beziehung zwischen den Fenstern in diesem Beispiel ist beispielsweise wie folgt:
Wie aus der obigen Tabelle ersichtlich ist, ist das „Browserfenster“ das „übergeordnete Fenster“ von „topFrame“ und „unteres Fenster“ und das untere Fenster ist das „übergeordnete Fenster“ der beiden Fenster „leftFrame“ und „mainFrame“. ". Die Verbindung zwischen den beiden Fenstern muss über ihre übergeordneten Fenster erfolgen. In diesem Beispiel erfolgt der Aufruf von „htest ()“ auf der Webseite im C-Fenster offensichtlich über die übergeordneten Fenster von C und B und dann zum MainFrame Rufen Sie dann das Programm htest( ) auf.
Wenn der Code zum Schreiben von Text in Fenster C in Fenster B wie folgt lautet: onclick=parent.leftFrame.htest(); wissen Sie dann, wie Sie den Code zum Schreiben eines Textabschnitts in Fenster A in Fenster C schreiben? ? Das ist es übrigens: onclick=grandchildren.mainFrame.htest().
Wie aus dem obigen Beispiel ersichtlich ist, besteht das Hauptproblem beim Informationsaustausch zwischen Fenstern darin, die Beziehung zwischen Fenstern zu verstehen, und andere Vorgänge sind relativ einfach.