javascript中的简单iframe？_Javascript_Iframe

javascript中的简单iframe？

javascript iframe

javascript中的简单iframe？,javascript,iframe,Javascript,Iframe,我目前在我的网站上有以下代码： <iframe src="https://www.externalnweb.com/otherdomain/external.html" height="0" width="0" frameborder="0"></iframe> 我也想做同样的事情，但是使用javascript 我希望javascript调用另一个外部站点（另一个域）上的HTML 我有此代码，但不起作用： <script type="text/javascr

我目前在我的网站上有以下代码：

<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>


函数prepareFrame（）{
var ifrm=document.createElement（“iframe”）；
ifrm.setAttribute（“src”https://www.externweb.com/othersite/externahtml.html");
ifrm.style.width=“0px”；
ifrm.style.height=“0px”；
文件.body.appendChild（ifrm）；
}

有人有什么想法或建议吗？多谢各位

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替代方法显示在代码注释中

有关更多信息，请转到

我刚刚对您的代码做了一些修改： HTML:

您可以检查此代码笔：

所述函数何时运行？@Kevin B它没有调用参数，不需要特殊调用。它在您访问网站时被调用。它是经典静态html网页中的经典iframe。您是否尝试过body set属性

onload=“prepareframe（）；”

@sugusrojo How？您提供的所有代码都不会导致该函数运行？请看：谢谢！作品完美！

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

    </body>
</html>

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);
}