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

时间:2013-05-03 04:29:03

标签: javascript iframe hide is-empty

我正在使用iframe,我在其中显示来自外部网址的一些内容。如果没有要显示的内容(即空),我想隐藏iframe。请让我知道如何做到这一点。

3 个答案:

答案 0 :(得分:3)

如果您想检查iframe中的外部网址内容为空,而iframe不是跨网域,您可以检查iframe中是否存在body标记。如果它存在,那么加载的东西。好吧,如果你可以使用jQuery,请检查它的length属性。这是跨浏览器兼容的。如果它为零,则不存在。

<强> CODE:

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

如果iframe是跨域名,则same-origin policy会阻止您。否则这将有效。

消息来源:How to check if iframe is empty/null/undefined?

答案 1 :(得分:-1)

使用Jquery .content()来评估iframe和.hide()的内容以隐藏它。 如果你想再次显示它,请改用.toggle()代替。

答案 2 :(得分:-1)

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