如果内容为空,如何隐藏iframe

how to hide an iframe if content is empty

本文关键字:隐藏 iframe 何隐藏 如果      更新时间:2023-09-26

我正在使用iframe,其中我正在显示来自外部url的一些内容。我想隐藏iframe,如果没有内容显示(即空)。请告诉我该怎么做。

如果你想检查外部url的内容是否为空,并且iframe不是跨域的,你可以检查iframe内部是否存在body标签。如果它存在,那么就加载了一些东西。如果你能用jQuery,检查它的length属性。这是跨浏览器兼容的。如果为零,则不存在

代码:

if($("#iframeid").contents().find("body").length) {
    // some html page loaded in iframe
}

如果iframe是跨域的,您将被同源策略阻止。否则这将工作。

来源:如何检查iframe是否为空/null/未定义?

使用Jquery .content()来计算iframe的内容,使用。hide()来隐藏它。如果您想再次显示它,请使用.toggle()代替。

No

这不能由调用页面上的脚本完成。由于跨域安全限制,调用页将无法访问加载在iframe内的外部文档对象。