Question

我目前在我的网站上有这段代码：

<iframe src="https://www.externalnweb.com/otherdomain/external.html" 
height="0" width="0" frameborder="0"></iframe>

我想做同样的事情，但是要使用javascript。

我希望javascript调用另一个外部站点（另一个域）上的HTML

我有此代码，但它不起作用：

<script type="text/javascript">
function prepareFrame() {
 var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", "https://www.externweb.com/othersite/externahtml.html");
    ifrm.style.width = "0px";
    ifrm.style.height = "0px";
    document.body.appendChild(ifrm);
    }
</script>

有人有想法或建议吗？非常感谢你！

Answer 1

var ifrm = document.createElement('iframe');
ifrm.setAttribute('id', 'ifrm'); // assign an id

//document.body.appendChild(ifrm); // to place at end of document

// to place before another page element
var el = document.getElementById('marker');
el.parentNode.insertBefore(ifrm, el);

// assign url
ifrm.setAttribute('src', 'demo.html');

本示例使用insertBefore方法，而代码注释中显示了appendChild替代方法。

有关更多信息，请转到https://www.dyn-web.com/tutorials/iframes/dyn-gen/

Answer 2

我刚刚修改了一些代码： HTML：

<html>
    <body onload="prepareFrame();">

    </body>
</html>

JS：

function prepareFrame() {
   var ifrm = document.createElement("iframe");
   ifrm.setAttribute("src", "https://codepen.io");
   ifrm.style.width = "1000px";
   ifrm.style.height = "1000px";
   document.body.appendChild(ifrm);
}

您可以检查以下代码笔：https://codepen.io/alvaro-alves/pen/ZjwWBB

JavaScript中使用简单的iframe吗？

2 个答案: