javascript - 如何找出元素是否在隐藏的 iframe 中

Question

使用 jQuery，可以很容易地找出一个特定元素是否可见

$(element).is(':visible')

虽然有一些限制(不包括隐藏的 css 可见性或视口(viewport)中的实际可见性，即它是否被其他元素覆盖或滚动)，但我发现它对我的场景很有用。 要注意的是，它只能在一个 iframe 中工作。

如果该元素在其文档中有任何带有 display:none; 的父元素，则返回 false。如果整个文档包含在具有 display:none 的 iframe 中，则返回 true。是否有可能以某种方式以其他方式检测到这一点？

Answer 1

嗯，看来您必须在 iframe 中调用顶级(父)文档，然后搜索特定的 iframe 并检查它是否可见。

你可能必须有相同的域/子域才能工作，但无论如何:

假设您知道 iframe id/class(您必须知道)。

if ($(top).find('#iframeID').is(':visible')) {
  // iframe is visible
} else {
 // iframe is NOT visible
}

不能保证正确工作。