iframe events

It works perfectly with any app, regardless of framework, and has plugins to log additional context from Redux, Vuex, and @ngrx/store. Edit: Hmm, interesting. it seems my double loading problem is me wrapping the iframe between DIV tags. Thank you, Nada, for this informative article! You may have crossed paths with it when you had to include a third-party widget (like the famous Facebook like button), a YouTube video, or an advertising section on your website. On a particular page, I needed to list them to let him preview and choose one. Along the lines of Tim Down's answer but leveraging jQuery (mentioned by the OP) and loosely coupling the containing page and the iframe, you could do the following: The iframe fires an event on the (potentially existing) parent window's document - please beware that the parent document needs a jQuery instance of itself for this to work. HTMLIFrameElement.srcdoc Is a DOMString that represents the content to display in the frame. item() length namedItem() DOM Location. Here is an example: Instead of using the iframe tag's onload attribute, you can use JavaScript to assign a function to an iframe's onload event handler property: Another option: you can include an onload handler in the iframed document itself. Tip: Use CSS to style the