gpt4 book ai didi

javascript 使用严格的文档类型创建一个 iframe

转载 作者:数据小太阳 更新时间:2023-10-29 05:01:30 27 4
gpt4 key购买 nike

我正在构建一个可以嵌入其他站点的小部件。该小部件是使用 document.write() 创建的 iframe,但是我不知道如何使用 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 已创建,但未应用文档类型。有办法做到这一点吗?

谢谢

最佳答案

为了写入 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 中的工作.

关于javascript 使用严格的文档类型创建一个 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14186070/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com