隐藏<页眉>如果在iFrame中

Hide <header> if in iFrame

本文关键字:iFrame 如果 页眉 lt 隐藏 gt      更新时间:2023-09-26

我试图隐藏我的tumblr博客的标题,以防博客加载到iFrame中。但到目前为止,我还没有取得任何成功。这就是我使用的代码:

<script type="text/javascript">
   var isInIFrame = (window.location != window.parent.location);
   if(isInIFrame==true){
       alert("It's in an iFrame");
       document.getElementById('boven').hide();
       }
   else {
       alert("It's NOT in an iFrame");
       }
</script>

我有一个我想这样隐藏的部分:<header id="boven"></header>

我搜索并尝试过不同的东西,但似乎都不起作用。我确实得到了正确和错误的alert();,但它不想隐藏…

我希望有人能帮我,我会非常感激的。所以提前谢谢!

据我所知,任何本机DOM元素上都没有hide()函数。在纯JavaScript中,您可以通过更改元素的"显示"模式来隐藏元素:

document.getElementById('boven').style.display = "none";

在诸如jQuery之类的UI库中,hide()方法可能是可用的。以下是jQuery语法中的等效项:

$('#boven').hide();

如果您使用调试工具,如Chrome控制台、Firefox中的Firebug或IE中的F12开发工具,您会立即发现<header>元素上没有这样的方法hide()