如何使用 iframe 中的元素创建 if 语句？答案

【问题标题】：How do I make an if statement using an element in an iframe?如何使用 iframe 中的元素创建 if 语句？
【发布时间】：2019-03-19 08:05:57
【问题描述】：

所以，我正在尝试使当一个元素（在 iframe 内）变为隐藏（显示：无）时，它会使 iframe 没有显示。

我试过了：

var iframe = $('.preloader').contents().find('*');

if((iframe).is(':hidden')) {
  $('.preloader').css('display','none');
}

和

if($('.preloader').contents().find('*').is(':hidden')) {
  $('.preloader').css('display','none');
}

这两个都不行。

HTML

<iframe class="preloader" src="https://sorrycantsay.net/preloader"></iframe>

这可能会有所帮助：

【问题讨论】：

【解决方案1】：

对我来说，使用 iframe 时最简单的方法是使用 postMessage 方法 + onmessage 事件。它使 iframe 和父级之间的通信变得容易。此处的其他示例：https://javascript.info/cross-window-communication#postmessage

【讨论】：