仅使用javascript创建iframe

仅使用javascript创建iframe,javascript,iframe,Javascript,Iframe,我正在进行幻灯片演示的实现。我们必须预取图像以获得更好的用户体验。目前我正在使用隐藏的img标签来触发图像加载。但是当用户从第一个映像移动到第80个映像时,为第一个映像启动的预取映像请求不会被取消 使用iframe,我们可以在iframe对象上调用stop(),以停止加载前一组图像。使用javascript创建iFrame的标准似乎是 ifrm = document.createElement("IFRAME"); 我不想这样做,因为我不想我的iframe被附加到DOM中。有一个HTMLFra

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

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

ifrm = document.createElement("IFRAME");
我不想这样做,因为我不想我的iframe被附加到DOM中。有一个
HTMLFrameElement
。但我不知道如何使用它


所以我的问题是,如何在javascript中创建iFrame而不访问document对象。

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

如果不使用
文档
,就无法编写等效代码(为什么要这样做?)。您需要使用,它是通过
文档
(或
窗口
)提供的


您可以使用和其他具有DOM意识的库来抽象DOM API调用,但它们都会在封面下调用
document
方法。

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

如果不使用
文档
,就无法编写等效代码(为什么要这样做?)。您需要使用,它是通过
文档
(或
窗口
)提供的


您可以使用和其他具有DOM意识的库来抽象DOM API调用,但它们都会在封面下调用
document
方法。

是的,您可以在
文档
中创建
iframe
而不附加它,但可访问性仅限于
iframe
元素本身

  • 未分配的元素既没有
    parentElement
    也没有
    parentNode
  • 如果您丢失了对
    iframe
    的引用(示例中为
    ifrm
    ),则 元素永远消失了
  • 您无法访问
    iframe
    中的窗口或加载的文档
  • iframe
    onload
    事件未触发

例如,您可以更改
src
或未安装的
iframe
的大小。是的,内容是与主页相关的异步加载。

是的,您可以在
文档中创建
iframe
,而无需附加它,但可访问性仅限于
iframe
元素本身

  • 未分配的元素既没有
    parentElement
    也没有
    parentNode
  • 如果您丢失了对
    iframe
    的引用(示例中为
    ifrm
    ),则 元素永远消失了
  • 您无法访问
    iframe
    中的窗口或加载的文档
  • iframe
    onload
    事件未触发


例如,您可以更改
src
或未安装的
iframe
的大小。是的,内容是异步加载的,与主页相关。

为什么您不喜欢使用
文档
对象?“我想创建一个iframe,但没有一个工具可以创建iframe”。似乎是合法的。@Teemu如果这是家庭作业,那就是一个残忍或(更有可能)无知的老师。你的意思是你不想将新创建的
iframe
附加到
文档
中,而不是在不使用
文档
对象的情况下创建整个元素?部分是的,但取决于“
将其用作iframe
”的确切含义@乔伊斯:不幸的是,有些老师是。我不想把它附加到文档中。我想我应该适当地解释我的用例。让我来编辑这个问题。你为什么反对使用
文档
对象?“我想创建一个iframe,但没有一个工具可以让我创建一个iframe”。似乎是合法的。@Teemu如果这是家庭作业,那就是一个残忍或(更有可能)无知的老师。你的意思是你不想将新创建的
iframe
附加到
文档
中,而不是在不使用
文档
对象的情况下创建整个元素?部分是的,但取决于“
将其用作iframe
”的确切含义@乔伊斯:不幸的是,有些老师是。我不想把它附加到文档中。我想我应该适当地解释我的用例。让我来编辑这个问题。有没有办法创建一个HTMLFrameElement对象并将其用作iframe?就像我们使用new Image()在javascript中创建图像一样,我不太熟悉这种创建元素的风格。也许这个问题能帮上忙?有没有办法创建一个HTMLFrameElement对象并将其用作iframe?就像我们使用new Image()在javascript中创建图像一样,我不太熟悉这种创建元素的风格。也许这个问题能帮上忙?编辑了这个问题。那么如何创建iframe元素呢?@AnirudhanJ这正是您在示例中所做的。只需将iframe存储到一个数组中,而不是一堆变量。尽管您不能在不访问
文档的情况下创建任何HTMLElement,因为所有元素都只是文档对象中的属性。HTMLFrameElement(
)已弃用,它已与框架集一起使用。然而,我认为这里有一个XY问题,使用iframe很难解决问题。也许你最好发布一个关于原始问题的问题,并附上一个示例代码。编辑该问题。那么如何创建iframe元素呢?@AnirudhanJ这正是您在示例中所做的。只需将iframe存储到一个数组中,而不是一堆变量。尽管您不能在不访问
文档的情况下创建任何HTMLElement,因为所有元素都只是文档对象中的属性。HTMLFrameElement(
)已弃用,它已与框架集一起使用。然而,我认为这里有一个XY问题,使用iframe很难解决问题。也许你最好发布一个关于原始问题的问题,用