如果内容为空，如何隐藏 iframe答案

【问题标题】：how to hide an iframe if content is empty如果内容为空，如何隐藏 iframe
【发布时间】：2013-04-27 10:12:17
【问题描述】：

我正在使用 iframe，其中显示来自外部 url 的一些内容。如果没有要显示的内容（即为空），我想隐藏 iframe。请让我知道如何做到这一点。

【问题讨论】：

【解决方案1】：

如果您想检查 iframe 内外部 url 的内容是否为空，并且 iframe 不是跨域的，您可以检查 iframe 内是否存在 body 标签。如果存在，则加载了某些内容。好吧，如果您可以使用 jQuery，请检查它的 length 属性。这是跨浏览器兼容的。如果为零，则不存在。

代码：

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

如果 iframe 是跨域的，您将被 same-origin policy 阻止。否则这将起作用。

【讨论】：

【解决方案2】：

没有。

调用页面上的脚本无法做到这一点。由于跨域安全限制，调用页面将无法访问加载在 iframe 中的外部文档对象。

【讨论】：

【解决方案3】：

使用 Jquery .content() 评估 iframe 的内容并使用 .hide() 隐藏它。如果您想稍后再显示它，请改用 .toggle()。

【讨论】：