Methode der übergeordneten JQuery-Seite

jQuery ist eine sehr beliebte JavaScript-Bibliothek, die häufig in der Webentwicklung verwendet wird. Während des Entwicklungsprozesses müssen wir häufig Methoden auf der untergeordneten Seite auf der übergeordneten Seite oder Methoden auf der übergeordneten Seite auf der untergeordneten Seite aufrufen. In diesem Artikel erfahren Sie, wie Sie diese Funktionen in jQuery implementieren.

1. Rufen Sie die Methode auf der übergeordneten Seite auf der untergeordneten Seite auf.

Um die Methode auf der übergeordneten Seite auf der untergeordneten Seite aufzurufen, müssen wir das übergeordnete Objekt verwenden. Das übergeordnete Objekt zeigt auf das übergeordnete Fenster, das das aktuelle Fenster enthält. In jQuery können Sie parent.$() verwenden, um das jQuery-Objekt im übergeordneten Fenster abzurufen und dann Methoden im übergeordneten Fenster aufzurufen.

Angenommen, eine Methode namens showMessage ist auf der übergeordneten Seite definiert:

function showMessage(){
    alert('Hello World!');
}

Wie rufe ich diese Methode auf der untergeordneten Seite auf? Der Code lautet wie folgt:

parent.$().showMessage();

The parent.$() ruft hier das jQuery-Objekt im übergeordneten Fenster ab und ruft dann die showMessage-Methode im übergeordneten Fenster auf. Es ist zu beachten, dass, wenn die Methode auf der übergeordneten Seite Parameter empfangen muss, beim Aufruf auch die entsprechenden Parameter übergeben werden müssen.

2. Rufen Sie die Methode auf der Unterseite der übergeordneten Seite auf.

Um die Methode auf der Unterseite der übergeordneten Seite aufzurufen, müssen wir das Iframe-Objekt verwenden. Das Iframe-Objekt verweist auf eine Unterseite, die in der aktuellen Seite enthalten ist. In jQuery können Sie $('iframe') verwenden, um das jQuery-Objekt im untergeordneten Fenster abzurufen und dann die Methode im untergeordneten Fenster aufzurufen.

Angenommen, eine Methode namens showMessage ist auf der untergeordneten Seite definiert:

function showMessage(){
    alert('Hello World!');
}

Wie rufe ich diese Methode auf der übergeordneten Seite auf? Der Code lautet wie folgt:

$('iframe')[0].contentWindow.showMessage();

$('iframe') ruft hier das jQuery-Objekt im Unterfenster ab, ruft dann das erste Iframe-Element über [0] ab und ruft dann das Fensterobjekt des Unterfensters über contentWindow ab. und schließlich die Methode showMessage in diesem Fenster aufrufen. Es ist zu beachten, dass, wenn die Methode auf der Unterseite Parameter empfangen muss, beim Aufruf auch die entsprechenden Parameter übergeben werden müssen.

Zusätzlich zu den oben genannten Methoden können Sie auch die postMessage-API verwenden, um die Kommunikation zwischen der übergeordneten Seite und der untergeordneten Seite zu implementieren. Dies ist jedoch ein anderes Thema und wird hier nicht behandelt.

Zusammenfassung

Oben wird erläutert, wie die Methode zum Aufrufen einer übergeordneten Seite durch eine übergeordnete Seite oder durch Aufrufen einer übergeordneten Seite durch eine untergeordnete Seite in jQuery implementiert wird. Es ist zu beachten, dass es beim domänen-, protokoll- oder portübergreifenden Zugriff zu Einschränkungen kommen kann und entsprechende Einstellungen vorgenommen werden müssen. Um die Wartbarkeit und Lesbarkeit des Codes sicherzustellen, wird gleichzeitig empfohlen, beim Schreiben von Code jeder Methode einen aussagekräftigen Namen zu geben und die Verwendung anonymer Funktionen so weit wie möglich zu vermeiden.

Das obige ist der detaillierte Inhalt vonMethode der übergeordneten JQuery-Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!