The 'window.parent' property | JavaScript DOM Tutorial

Показать описание

You will commonly see this property be used with IFrames' as a way for the embedded HTML page (or script) to access methods, properties or data from its parent HTML page. This can be used to make a generic IFrame structure that is able to load different data dynamically depending on the content provided by its parent. This is quite useful for web applications.

In this video I go over a simple example of how this works with an IFrame and how we are able to embed some text from a parent HTML page into a paragraph tag of the child, embedded IFrame HTML page.

For more info, check this out:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

Рекомендации по теме

Комментарии

Your explanations are so clear! Great teacher. Too bad got Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

gestata

appreciate your method of teaching.. precise and informative

zubaircheema

I really like the click of your keyboard. Sounds like you use some kind of mechanical switches with lube.

WangTmg

am actually looking for the iframe sending to the parent

immanuelmukondeleli

iframe does not work. It showes refused to connect. pls solve.

tazulislam

Also this only works if you are on the same domain. In your example you were on the same domain but people trying to connect different domains this will not work. Atleast I havent found a soluion yet! Lemme know reader if you find one.

sofaking

Thanks, Can I do the opposite, from parent to a newly Loaded iframe page .
One that is just loaded off the internet ? Thanks

vmars

The 'window.parent' property | JavaScript DOM Tutorial

The 'window.parent' property | JavaScript DOM Tutorial

How to Send Data From iframe To Parent Page — JavaScript postMessage Tutorial

Passing data from Parent to child window and returning using window document object in JavaScript

Part 3 Iframe sending message to parent window using parent property of window

Opening closing & Passing data from Child window to parent window in JavaScript & refreshing...

html - Invoking JavaScript code in an iframe from the parent page

Accessing an iframe document (contentWindow) - JavaScript Tutorial

JavaScript : Calling a parent window function from an iframe

Pass value from child popup window to parent page window using JavaScript

Using CSS Overscroll-Behavior To Prevent Scrolling Of Parent Containers From Overflow Containers

Communication between iFrame and Parent Window

JavaScript : Redirect parent window from an iframe action

JavaScript : How to access parent Iframe from JavaScript

Javascript, Get Closest Parent Elements #javascript

Parent Elements in the DOM

jQuery: Dom Traversal (find parent and child nodes) - Beau teaches JavaScript

Part 4 Parent window accessing IFRAME scripts through DOM selection

HTML : open modal window from iframe into the parent

What Does '(e)' Mean in JavaScript? - Event Handler Object Explained

JS DOM Streak 31 | Accessing child, parent and sibling elements | Document API | Javascript

HTML : Is it possible to close parent window from child (Javascript)?

Delegate in javascript between windows and parent child messaging

JavaScript : Change Parent url from iframe

Pass (Send) value from Parent page window to Child popup window using JavaScript