Heim  >  Artikel  >  Web-Frontend  >  Beispielanalyse von FRAME-Operationsproblemen in JS_Javascript-Kenntnissen

Beispielanalyse von FRAME-Operationsproblemen in JS_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 16:33:111233Durchsuche

Das Beispiel in diesem Artikel erläutert die Funktionsweise von FRAME in JS und teilt es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Das obige Bild ist ein Beispiel. Hier werden die gegenseitigen Operationen zwischen Frames einfach wie folgt aufgelistet: 1. Variablen 2. Methoden 3. Gegenseitige Erfassung von Elementen zwischen Seiten.

1. Beginnen Sie zunächst mit parent(frameABC)------>child(frameA,frameB,frameC)

① Zugriffsvariablenname

Wenn Sie im FrameABC arbeiten, können Sie:

Code kopieren Der Code lautet wie folgt:
window.frames("frameA").contentWindow.name

oder

Code kopieren Der Code lautet wie folgt:
document.getElementById("frameA").contentWindow. Name

oder

Code kopieren Der Code lautet wie folgt:
jquery: window.$("#frameA") [0] .contentWindow.name

② Zugriffsmethode func

Wenn Sie in FrameABC arbeiten, können Sie:

Code kopieren Der Code lautet wie folgt:
window.frames("frameA").contentWindow.func();
oder

Code kopieren Der Code lautet wie folgt:
document.getElementById("frameA").contentWindow. func() ;
oder

Code kopieren Der Code lautet wie folgt:
jquery: window.$("#frameA") [0] .contentWindow.func();
③ Zugriff auf Unterseitenelemente: Benutzername

Wenn Sie in FrameABC arbeiten, können Sie:


Code kopieren Der Code lautet wie folgt:window.frames("frameA").contentWindow.document.getElementById( "Benutzername" );
oder

Code kopieren Der Code lautet wie folgt:document.getElementById("frameA").contentWindow. document.getElementById ("Benutzername");
oder

Code kopieren Der Code lautet wie folgt:jquery: window.$("#frameA") [0] .contentWindow.$("#username");
2. Dann vom Kind (FrameA, FrameB, FrameC)------------> zum Elternteil (FrameABC)

① Greifen Sie auf den Variablennamen der übergeordneten Seite zu. Wenn Sie in FrameA (Unterseite) arbeiten, können Sie:


Code kopieren Der Code lautet wie folgt:window.parent.name;
② Greifen Sie auf die Funktion der übergeordneten Seite zu. Wenn Sie in FrameA (Unterseite) arbeiten, können Sie:


Code kopieren Der Code lautet wie folgt:window.parent.func();
③ Greifen Sie auf den Benutzernamen des übergeordneten Seitenelements zu. Wenn Sie in FrameA (Unterseite) arbeiten, können Sie:


Code kopieren Der Code lautet wie folgt:window.parent.$("#username")
Oder:

Code kopieren Der Code lautet wie folgt: window.parent.document.getElementById("username ");

Zusammenfassung:

Frame ist nur ein Seitenrahmen. Wenn Sie die Elemente im Unterrahmen bedienen möchten, müssen Sie zuerst das Fenster oder contentWindow eingeben. Um von einer untergeordneten Seite auf die übergeordnete Seite zuzugreifen, müssen Sie die Eltern-Kind-Beziehung berechnen und sie in mehrere Ebenen unterteilen.

Ich habe online andere Beiträge über Probleme beim Laden von Seiten gelesen. Es bedeutet wahrscheinlich, dass Bedienelemente vor dem Laden der Subframe-Seite zu Fehlern führen. Interessierte Freunde können es gezielt testen.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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