Creating an iframe with given HTML dynamically

by

Allthough your src = encodeURI should work, I would have gone a different way:

var iframe = document.createElement('iframe');
var html="<body>Foo</body>";
document.body.appendChild(iframe);
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);
iframe.contentWindow.document.close();

As this has no x-domain restraints and is completely done via the iframe handle, you may access and manipulate the contents of the frame later on. All you need to make sure of is, that the contents have been rendered, which will (depending on browser type) start during/after the .write command is issued – but not nescessarily done when close() is called.

A 100% compatible way of doing a callback could be this approach:

<html><body onload="parent.myCallbackFunc(this.window)"></body></html>

Iframes has the onload event, however. Here is an approach to access the inner html as DOM (js):

iframe.onload = function() {
   var div=iframe.contentWindow.document.getElementById('mydiv');
};

More Related Contents:

  1. javascript function doesn’t work when link is clicked
  2. SecurityError: Blocked a frame with origin from accessing a cross-origin frame
  3. Calling a parent window function from an iframe
  4. Detect Click into Iframe using JavaScript
  5. Full-screen iframe with a height of 100%
  6. iFrame src change event detection?
  7. Changing iframe src with Javascript
  8. Access iframe elements in JavaScript
  9. Reload an iframe with jQuery
  10. Scrolling an iframe with JavaScript?
  11. How to clear the contents of an iFrame from another iFrame
  12. How do I print an IFrame from javascript in Safari/Chrome
  13. make iframe height dynamic based on content inside- JQUERY/Javascript
  14. What’s the best way to reload / refresh an iframe?
  15. Add click event to iframe
  16. Get value of input field inside an iframe
  17. Unsafe JavaScript attempt to access frame in Google Chrome
  18. How to move an iFrame in the DOM without losing its state?
  19. Understanding Cross-Domain issue in Iframes
  20. ‘load’ event not firing when iframe is loaded in Chrome
  21. contentDocument for an iframe
  22. Change iframe src by clicking a link
  23. how to get selected text from iframe with javascript?
  24. How can I handle errors in loading an iframe?
  25. Cross sub domain iframes and JavaScript
  26. iframe Auto Adjust Height as content changes
  27. Why won’t this JavaScript (using document.open and document.write) work in Internet Explorer or Opera?
  28. What’s the best way to set cursor/caret position?
  29. Chrome userscript error: “Unsafe JavaScript attempt to access frame”
  30. JQuery Modal Boxes and Iframe

Leave a Comment