停止 iframe 加载会给出未定义的错误

Question

我有一个脚本，将几个 iframe（例如 8 个）附加到正文中：

image_iframe[sequential number 1-8] = $('<iframe />');
image_iframe[sequential number 1-8].appendTo('body');

当我尝试阻止特定 iframe 中的图像加载时：

if(window.stop !== undefined) {
      image_iframe[2].contentWindow.stop();
}
else if(document.execCommand !== undefined) {
      image_iframe[2].contentDocument.execCommand("Stop", false);
}

我收到以下错误：

未捕获的类型错误：无法读取未定义的属性“停止”

我该如何解决这个问题？

---

Here's a jsfiddle 带有原始代码。只需单击“下一步”按钮几次即可重现该错误。它基于来自this question 的this jsfiddle，效果很好。

我做了一些搜索，发现了这两个问题，但不确定是否是同一个问题：

1. I get an undefine error in iframe
2. how to correctly stop the transport inside an iframe

Answer 1

image_iframe[index] 是一个 jQuery 元素。要获取contentWindow，您需要先获取 iFrame DOM 元素。建议改变

// from
image_iframe[this - 3].contentWindow.stop(); 

// to
image_iframe[this - 3].get(0).contentWindow.stop();