Question

我为一个学校系统http://m.rsd17.org/index1.html工作，并正在申请宣布学校取消学校。我有一个外部页面，如果出现延迟或学校关闭，我会取消注释并更改文本。在我的网站顶部，如果我从外部文件中注释掉写入，我想要隐藏iframe。以下是我使用的一些代码。

<iframe id="emergency" src="http://f.rsd17.org/frontemergency1.html" width="100%" height="50px" frameborder="0"></iframe>

我希望它在我没有注释掉外部html中的文本时显示iframe。我希望iframe完全消失，当没有消息显示时，按钮会向上移动。我已经尝试了一堆不同的jquery脚本，但是当html为空时没有运气去除iframe。任何想法都会很棒。

Answer 1

您的服务器是否支持PHP？我问，因为如果这是一个学区，你可能不想假设所有用户都启用了javascript等。最好在后端处理这个问题，用户不依赖于他们的浏览器能力。

内部http://f.rsd17.org/frontemergency1.php：

<?php
die(); //Comment this out to display a message
?>
Announcement here!

Answer 2

您无需检查iframe中是否有内容。如果您放置评论内容，那么您的iframe将封装并显示它。如果您删除评论，那么您的iframe仍然会在那里，但不会在视觉上引人注目。

虽然你不需要这个，你可以尝试使用jQuery这样的东西：

var html_content = $('#emergency ').find('#alertmessagebox').children().html();
if(html_content[0] === '' ) {

    $('#emergency').css('display','none');

} else {

    $('#emergency').css('display','');          

}

Answer 3

我能够修复此问题，但使用SSI，将index.html更改为index.shtml，并将我正在使用的文件移动到正确的文件夹中。更改了我的主index.shtml上的链接。一切都好。感谢FiLeVeR10的所有帮助。

如果src为空，则隐藏iframe

3 个答案: