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

标签 javascript iframe hide is-empty

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

最佳答案

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

代码:

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?

关于javascript - 如果内容为空,如何隐藏 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16351594/

相关文章:

javascript - div中的进度条

javascript 获取表列 NaN 错误的总计

html - 高度等于 100% 不适用于 IFrame

xcode - Swift 3 中的隐藏按钮

javascript - 根据 div 中的内容显示/隐藏

javascript - jquery 验证不适用于 HTML 选择标记

javascript - 如何制作如图所示的弹出屏幕?

html - iframe 内容与 iframe 的边界重叠

javascript - 访问a about :blank iframe的内容

jquery - 隐藏/显示选择2