javascript - 如果内容为空，如何隐藏 iframe

Question

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

Answer 1

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

代码：

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

如果 iframe 是跨域的，就会被同源策略屏蔽。否则这将起作用。

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

Answer 2

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

Answer 3

不。

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