javascript create an iframe with strict doctype

前端未结

关注

 2  1234

I\'m building a widget that can be embedded in other sites. The widget is an iframe that is created using document.write() however I don\'t know how to apply th

相关标签:

2条回答

礼貌的吻别

2021-01-05 12:38

In order to write into the iframe, you'll first need to create it, attach it to the document, and then reach inside of it to get a handle on its contentDocument.

Here is some sample code:

// create the iframe and attach it to the document
var iframe = document.createElement("iframe");
iframe.setAttribute("scrolling", "no");
iframe.setAttribute("frameborder", "0");
document.body.appendChild(iframe);

// find the iframe's document and write some content
var idocument = iframe.contentDocument;
idocument.open();
idocument.write("<!DOCTYPE html>");
idocument.write("<html>");
idocument.write("<head></head>");
idocument.write("<body>this is the iframe</body>");
idocument.write("</html>");
idocument.close();

// now have a look at your creation in the console
console.log(idocument);

See it working in this jsfiddle.

0 讨论(0)

余生分开走

2021-01-05 12:54
You could also use an HTML5 srcdoc attribute to specify your iframe's content.
```
document.getElementById('myFrame').srcdoc = "<!DOCTYPE html PUBLIC....";
```
You'll have to check if srcdoc is supported by your browser.
0 讨论(0)
发布评论:

提交评论
- 加载中...