javascript - 仅使用 javascript 创建 iframe

标签 javascript iframe

我正在研究幻灯片实现。我们必须预取图像以获得更好的用户体验。目前我正在使用隐藏的 img 标签来触发图像加载。但是,当用户从第 1 个图像移动到第 80 个图像时,为第一个图像启动的预取图像请求不会被取消。

使用 iframe,我们可以在 iframe 对象上调用 stop() 来停止加载前一组图像。使用 javascript 创建 iframe 的规范似乎是

ifrm = document.createElement("IFRAME");

我不想这样做,因为我不想将我的 iframe 附加到 DOM。有一个 HTMLFrameElement。但我不知道如何使用它。

所以我的问题是,如何在 javascript 中创建 iframe 而无需访问文档对象。

最佳答案

您发布的代码就是解决方案。

如果不使用document,您就无法编写等效的代码(您为什么要这样做?)。您需要使用Javascript's interfaceDOM ,它是通过 document (或 window)提供的。

您可以使用jQuery和其他 DOM 感知库来抽象 DOM API 调用,但在幕后它们都调用 document 方法。

关于javascript - 仅使用 javascript 创建 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24672959/

相关文章:

javascript - 将函数分配给 jQuery 中的单个字母

javascript - 测试 JavaScript 回调

javascript - iFrame Resizer 将 iFrame 的高度增加到无穷大

javascript - 整洁的 iframe 滚动

javascript - 在调整窗口大小之前,无法让谷歌地图在 Bootstrap 模式中加载

javascript - 使用 Node 和 AngularJS 验证用户身份的最佳方法是什么?

javascript - AngularFirebase2 : Query list with equalTo

javascript - 在 iframe 中触发按钮点击

javascript - 设置 iframe 的innerHTML

Javascript 更改 iframe 上的 src