Set variable in parent window from iframe

by

Variables in the global scope are auto-exposed as DOM properties of their containing window object.

This means that

var foo = 'bar';

is analogous to

window.foo = 'bar';

Which means that you can read the global scope of any window object you can obtain a reference to. What we can also imply here is that usage of window is implicit. Even when you don’t explicitly type “window.”, it’s there anyway.

And since frames themselves are also auto-exposed as DOM properties of the current window object, this means you can access any other frames’ window object as well.

The parent property of window objects holds a reference the window object of that window’s parent (if there is one). Since iframes most certainly have a parent window, then all this stuff I just typed boils down to this

// set the global variable 'foo' in the parent global scope
parent.foo = 'bar';

More Related Contents:

  1. Javascript callback when IFRAME is finished loading?
  2. Attach an event in a child iframe to a handler in the parent window
  3. Unloading/Removing content from an iFrame
  4. How to find event listeners on a DOM node in JavaScript or in debugging?
  5. Invoking JavaScript code in an iframe from the parent page
  6. Definitive way to trigger keypress events with jQuery
  7. Adjust width and height of iframe to fit with content in it
  8. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  9. Javascript removeEventListener not working
  10. How can I capture the right-click event in JavaScript? [duplicate]
  11. Javascript/DOM: How to remove all event listeners of a DOM object?
  12. Communicate between scripts in the background context (background script, browser action, page action, options page, etc.)
  13. How can I give keyboard focus to a DIV and attach keyboard event handlers to it?
  14. Add onclick event to newly added element in JavaScript
  15. Trigger an event with Prototype
  16. Stop embedded youtube iframe?
  17. Jquery: change event to input file on IE
  18. Preventing click event with jQuery drag and drop
  19. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  20. Change observable but don’t notify subscribers in knockout.js
  21. Is there any other way to implement a “listening” function without an infinite while loop?
  22. How to clone or re-dispatch DOM events?
  23. Capture event onclose browser
  24. List all javascript events wired up on a page using jquery
  25. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
  26. Accessing iframe from chrome extension
  27. Detect when an iframe is loaded
  28. jquery keypress event object keyCode for firefox problem?
  29. One time event handling using promises?
  30. Can javascript running inside an iframe affect the main page?

Leave a Comment