我正在构建一个可以嵌入其他站点的小部件。该小部件是使用创建的 iframe，document.write()但我不知道如何使用 javascript 应用 iframe 文档类型。
这是我的代码：
document.write("<iframe scrolling=\"no\" frameborder=\"0\">");
document.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">");
document.write("<html>");
document.write("<head></head><body></body>");
document.write("</html>");
document.write("</iframe>");
document.write("</div>");
iframe 已创建，但我未应用 doctype。有没有办法做到这一点？
谢谢
为了写入iframe，您首先需要创建它，将其附加到文档中，然后进入它的内部以获取其contentDocument.
这是一些示例代码：
// 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);
看到它在这个jsfiddle中工作。
您还可以使用 HTML5srcdoc属性来指定 iframe 的内容。
document.getElementById('myFrame').srcdoc = "<!DOCTYPE html PUBLIC....";
您必须检查srcdoc您的浏览器是否支持。