Access parent object in JavaScript from iFrame/Window

Question

How do I access a global object or array defined in a parent window in the child window.

<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>

When I am in the mini document I'd like to be able to access the events_data variable in a javascript function.

James Hill · Accepted Answer · 2012-03-19 16:55:56Z

11

Option 1

Your title mentions a child window. If you have a child window, and not an iframe, use this:

window.opener.events_data

Check out window.opener on MDN.

Option 2

Your code indicates that you're using an iframe. From an iframe, simply use parent:

parent.events_data;

Check out window.parent on MDN.

window.opener - Returns a reference to the window that opened this current window.

window.parent - When a window is loaded in an , , or , its parent is the window with the element embedding the window.

edited Mar 19, 2012 at 16:55

answered Mar 19, 2012 at 16:50

James Hill

62.2k22 gold badges150 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Vitalii Lebediev Over a year ago

And what about permission deniel ? If browser doesn't allow to access parent properties from iframe ?

Vitalii Lebediev Over a year ago

If I'm not mistaken, this happens when the contents of iframe is loaded from another domain

James Hill Over a year ago

@Malgin, you're correct. Cross domain scripting is a huge security risk and is therefore not allowed. You can tell that the OP is not attempting to do that because the src attribute of his iframe is using a relative path.

Vitalii Lebediev Over a year ago

@JamesHill All that is true, but if this is required ? Here's my question and the way I'm going to do that in my app (click)

James Hill Over a year ago

@Malgin, ask these questions in your thread, not in the comments of this question.

Collectives™ on Stack Overflow

Access parent object in JavaScript from iFrame/Window

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related