不使用document.write（）将完整的html页面写入iframe

Question

I am creating an iframe dynamically using jquery, and I want to know if there is a way to write a full html page (html string response from an ajax request) into it without using the document.write() operation.

Since I'm starting off with an empty iframe the $.find().html() or innerHTML() methods are not going to work here. Also, iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); doesn't work in all browsers.

Iframe:

  var myIframe = $('<iframe/>', {
                    id: 'my-iframe',
                    name: 'my-iframe',
                    src: 'about:blank',
                    scrolling: 'no',
                    frameborder: 0,
                    style: 'width: 224px; height: 230px;'
                });

Answer 1

Did you try this? After the iframe has been added to the parent document

// Edit 
myIframe.contents().find("body").html("My new content")

// Log
console.log(myIframe.contents().find("body").html())

Answer 2

you can use the .load function of jquery and load an html page into the iframe.. like this:

$( "#my-iframe" ).load( "./path/to/the/html/file.html", function() {
  alert( "Load was performed." );
});