使用JavaScript创建IFRAME

Question

我有一个在线托管的网页,我希望有可能我可以使用一些JavaScript将IFRAME插入到另一个网页上.

这将是最好的方式,我只是将我的网页URL添加到JavaScript并且它适用于所有浏览器？

谢谢

Answer 1

您可以使用:

<script type="text/javascript">
    function prepareFrame() {
        var ifrm = document.createElement("iframe");
        ifrm.setAttribute("src", "http://google.com/");
        ifrm.style.width = "640px";
        ifrm.style.height = "480px";
        document.body.appendChild(ifrm);
    }
</script> 

还检查iFrame元素的基础知识

Answer 2

将 HTML 作为模板处理比通过 JavaScript 构建节点更好（HTML 毕竟不是 XML。）您可以通过使用模板然后将模板的内容附加到另一个 DIV 中来保持 IFRAME 的 HTML 语法干净。

<div id="placeholder"></div>

<script id="iframeTemplate" type="text/html">
    <iframe src="...">
        <!-- replace this line with alternate content -->
    </iframe>
</script>

<script type="text/javascript">
var element,
    html,
    template;

element = document.getElementById("placeholder");
template = document.getElementById("iframeTemplate");
html = template.innerHTML;

element.innerHTML = html;
</script>