Zugriff auf übergeordnetes Objekt in JavaScript von iFrame/Window

Question

Wie greife ich auf ein globales Objekt oder Array, das in einem übergeordneten Fenster definiert ist, im untergeordneten Fenster zu?

<script>
    var events_data;
    function function_to_fill_events_data () {
      .
      .
      .
    }
</script>

<div>
    <div><iframe src="mini.php" width:100%; height: 100%;" scrolling="no"></iframe> </div>
</div>

Wenn ich im Minidokument bin, möchte ich in einer Javascript-Funktion auf die Variable events_data zugreifen können.

Answer 1

Option 1

In Ihrem Titel wird ein untergeordnetes Fenster erwähnt. Wenn Sie ein untergeordnetes Fenster und keinen iframe haben, verwenden Sie dies:

window.opener.events_data

Überprüfen Sie window.opener auf MDN .

Option 2

Ihr Code zeigt an, dass Sie einen iframe verwenden. In einem iframe verwenden Sie einfach parent :

parent.events_data;

Überprüfen Sie window.parent auf MDN .

---

window.opener - Gibt einen Verweis auf das Fenster zurück, das dieses aktuelle Fenster geöffnet hat.

window.parent - Wenn ein Fenster in einem , , oder , geladen wird, ist sein Elternteil das Fenster mit dem Element, das das Fenster einbettet.