Heim > Web-Frontend > js-Tutorial > Hauptteil

Praktische Frame-(Iframe-)Operationscode_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:33:00
Original
1257 Leute haben es durchsucht

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&#63;href=YOUR_URL"
    scrolling="no" frameborder="0"
    style="border:none; width:450px; height:80px"></iframe>
Nach dem Login kopieren

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

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:

Code kopieren Der Code lautet wie folgt:

//Bestimmen Sie, ob es sich bei diesem Frame um einen Frame der obersten Ebene handelt
if(self==top){
//etwas tun
}

d.h.

Code kopieren Der Code lautet wie folgt:

if (window.top!=window.self) {
// etwas tun
}

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

2.iframe

Genau genommen sollten Sie das Frames-Array und document.all verwenden.

Code kopieren Der Code lautet wie folgt:



三.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:

Passwort ändern

Passen Sie die Höhe des Rahmens an

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!