Heim >Web-Frontend >js-Tutorial >Praktische Frame-(Iframe-)Operationscode_Javascript-Kenntnisse
Allgemeine Codes:
<iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" border="0" scrolling="no" frameborder="0" width="350" height="270"></iframe> <iframe src="http://www.jb51.net/plugins/like.php?href=YOUR_URL" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe>
Javascript-Zugriffsframe, Iframe- und Href-Ausrichtung
一.frame
1. Referenz vom übergeordneten Frame zum untergeordneten Frame
Wenn Sie die oben genannten Prinzipien kennen, ist es sehr einfach, den untergeordneten Rahmen vom übergeordneten Rahmen aus zu referenzieren, d. h.:
window.frames["frameName"];
Dies verweist auf den Subframe mit dem Namen „frameName“ innerhalb der Seite. Wenn Sie einen Subframe innerhalb eines Subframes referenzieren möchten, können Sie dies entsprechend der Art des referenzierten Frames, bei dem es sich tatsächlich um das Fensterobjekt handelt, wie folgt implementieren:
window.frames["frameName"].frames["frameName2"];
Auf diese Weise wird auf den Unterrahmen der zweiten Ebene verwiesen, und analog können mehrschichtige Rahmenverweise erreicht werden.
2. Referenz vom untergeordneten Frame zum übergeordneten Frame
Jedes Fensterobjekt verfügt über ein übergeordnetes Attribut, das seinen übergeordneten Rahmen darstellt. Wenn der Frame bereits ein Frame der obersten Ebene ist, stellt window.parent auch den Frame selbst dar.
3. Referenzen zwischen Geschwister-Frameworks
Wenn zwei Frames Unterframes desselben Frames sind, werden sie als Geschwisterframes bezeichnet und können über den übergeordneten Frame aufeinander verweisen. Eine Seite enthält beispielsweise zwei Unterframes:
<frameset rows=”50%,50%”> <frame src=”1.html” name=”frame1″ /> <frame src=”2.html” name=”frame2″ /> </frameset>
In Frame1 können Sie die folgende Anweisung verwenden, um auf Frame2 zu verweisen:
self.parent.frames["frame2"];
4. Gegenseitige Bezüge zwischen Frameworks auf verschiedenen Ebenen
Die Hierarchie der Frames gilt für Frames der obersten Ebene. Wenn die Ebenen unterschiedlich sind und Sie die Ebene, auf der Sie sich befinden, sowie die Ebene und den Namen des anderen Rahmens kennen, können Sie problemlos aufeinander zugreifen, indem Sie die Eigenschaften des Fensterobjekts verwenden, auf das der Rahmen verweist, zum Beispiel:
self.parent.frames["childName"].frames["targetFrameName"];
5. Verweis auf den Frame der obersten Ebene
Ähnlich wie das übergeordnete Attribut verfügt auch das Fensterobjekt über ein oberes Attribut. Es stellt einen Verweis auf den Top-Level-Frame dar, der verwendet werden kann, um zu bestimmen, ob ein Frame selbst ein Top-Level-Frame ist, zum Beispiel:
d.h.
Ändern Sie die Ladeseite des Frames
Der Verweis auf den Rahmen ist ein Verweis auf das Fensterobjekt. Mithilfe des Standortattributs des Fensterobjekts können Sie die Navigation des Rahmens ändern, zum Beispiel:
window.frames[0].location = "1.html";
Referenzieren Sie JavaScript-Variablen und -Funktionen in anderen Frameworks
Bevor wir die Techniken zum Referenzieren von JavaScript-Variablen und -Funktionen in anderen Frameworks vorstellen, werfen wir einen Blick auf den folgenden Code:
<script language=”JavaScript” type=”text/javascript”> <!– function hello(){ alert(“hello,ajax!”); } window.hello(); //–> </script>
2.iframe
Genau genommen sollten Sie das Frames-Array und document.all verwenden.
三.href
1. Das Onclick-Ereignis des Links wird zuerst ausgeführt, gefolgt von der Aktion unter dem href-Attribut (Seitensprung oder Javascript-Pseudolink);
2. Gehen Sie davon aus, dass sowohl href als auch onclick im Link vorhanden sind. Wenn die Aktion unter dem href-Attribut nicht ausgeführt werden soll, muss onclick einen falschen Rückgabewert erhalten. Wenn Sie es nicht glauben, können Sie die Rückgabe „false“ in der goGoogle-Funktion auskommentieren;
3. Wenn die Seite zu lang ist und über eine Bildlaufleiste verfügt und Sie Vorgänge über das Onclick-Ereignis des Links ausführen möchten. Sein href-Attribut sollte auf javascript:void(0); anstelle von # gesetzt werden, was unnötige Seitensprünge verhindern kann;
4. Wird im href-Attribut des Links eine Funktion mit einem Rückgabewert aufgerufen, wird der Inhalt der aktuellen Seite durch den Rückgabewert dieser Funktion
ersetzt
5. Es gibt einen Unterschied, wenn Sie die Umschalttaste gedrückt halten.
6. Das Problem, auf das ich heute gestoßen bin, ist, dass ich in IE6.0 nicht auf parentNode in Form von href zugreifen kann.
7. Versuchen Sie, das javascript:-Protokoll nicht als href-Attribut von A zu verwenden. Dies führt nicht nur dazu, dass das window.onbeforeunload-Ereignis unnötigerweise ausgelöst wird, sondern stoppt auch die Wiedergabe des GIF-animierten Bilds im IE.
Zum Beispiel:
Passen Sie die Höhe des Rahmens an