如何使用iframe中的元素制作if语句？

Question

因此，我正在尝试使其在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>

这可能有帮助：

Detect if an element is visible

Selecting an element in iFrame jQuery

Answer 1

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