How to set HTML content into an iframe

by

You could use:

document.getElementById('iframe1').contentWindow.document.write("<html><body>Hello world</body></html>");

Here’s a jsFiddle, which works in all major browsers.

Note that instead of contentDocument.write you should use contentWindow.document.write: this makes it work in IE7 as well.

More Related Contents:

  1. javascript function doesn’t work when link is clicked
  2. Invoking JavaScript code in an iframe from the parent page
  3. Adjust width and height of iframe to fit with content in it
  4. Get DOM content of cross-domain iframe [duplicate]
  5. Full-screen iframe with a height of 100%
  6. Reload an iframe with jQuery
  7. Placeholder in IE9
  8. How to clear the contents of an iFrame from another iFrame
  9. How to prevent IFRAME from redirecting top-level window
  10. Stop embedded youtube iframe?
  11. Pass value to iframe from a window
  12. How to embed an autoplaying YouTube video in an iframe?
  13. Attach an event in a child iframe to a handler in the parent window
  14. How to change style of iframe content cross-domain?
  15. Set content of iframe
  16. putting html inside an iframe (using javascript)
  17. How do I disable the save password bubble in chrome using Javascript?
  18. how to block website from loading in iframe?
  19. Can I apply CSS to the elements within an iframe?
  20. Understanding Cross-Domain issue in Iframes
  21. Conditional comment for ‘Except IE8’?
  22. contentDocument for an iframe
  23. Iframe.readyState does not work in chrome
  24. How to block pop-up coming from iframe?
  25. How to detect a click inside of an iframe (cross-domain)? Aka prevent click fraud
  26. Trigger a button click inside an iframe [duplicate]
  27. get parent.location.url – iframe – from child to parent
  28. iframe Auto Adjust Height as content changes
  29. iframe resizing with scrollheight in chrome/safari
  30. Reload an HTML page just once using JavaScript

Leave a Comment