Question

我正在尝试使用纯JavaScript

在后台静默加载iframe

这是我的代码：

function prepareFrame(URL) {
    var ifrm = document.createElement("iframe");
    ifrm.src = URL;
    ifrm.style.width = "0px";
    ifrm.style.height = "0px";
    ifrm.style.border = "None";
    document.getElementsByTagName("body")[0].appendChild(ifrm);
}

出于某种原因，iframe未加载

感谢您的帮助

Answer 1

由于您将width和height属性设置为0px，因此无法显示。删除它，它应该工作。我认为你的意思是不同的。

Answer 2

试试这个，它会对你有所帮助。为了可见性，我将宽度和高度更改为100px，您可以在其中定义您的值。

如果您想让框架不可见，那么您需要提供ifrm.style.visibility = "hidden";

function prepareFrame(URL) {
  var ifrm = document.createElement("iframe");
  ifrm.src = URL;
  ifrm.style.width = "100px";
  ifrm.style.height = "100px";
  ifrm.style.border = "None";
  ifrm.style.visibility = "visible";
  document.getElementsByTagName("body")[0].appendChild(ifrm);
}

<html>

<body onload="prepareFrame('http://www.w3schools.com/jsref/met_document_createelement.asp')">
</body>

</html>

如何在后台加载iframe？

2 个答案: