Iframe DOM Methods Demo

🧭 History & Navigation API

Iframe Navigation

Click to navigate iframe...

History Navigation

Navigate iframe history...

History State Manipulation

State manipulation results...

URL Manipulation

URL information...

Reload & Refresh

Reload controls...

ScrollRestoration

Scroll restoration mode...

Parent → Iframe DOM

Access iframe's contentWindow & contentDocument

Modify Iframe DOM

Call Iframe Functions

Query Iframe DOM

Iframe → Parent (via buttons in iframe)

Parent Demo Element (can be modified by iframe)

This is a parent element with ID: parent-demo

Parent Input (can be modified by iframe)

Parent Output (messages from iframe)

Waiting for messages from iframe...

Advanced Methods

Event Handling

Window Properties

Method Reference

Key Properties & Methods:
• iframe.contentWindow - Access iframe's window
• iframe.contentDocument - Access iframe's document
• window.parent - Access parent from iframe
• window.top - Access top-level window
• window.frameElement - Get iframe element
• window.frames - Access child frames
• postMessage() - Secure cross-frame messaging

Iframe Display