在iFrame上隐藏Div(在同一个域内)

时间:2014-12-24 13:12:10

标签: javascript iframe

好的,所以我非常想在我的论坛中将一个部分加载到iframe中的主页面上。

我知道不可能操纵不属于您自己领域的帧;但我的论坛在同一个网站上,所以它应该是甜蜜的。 当它加载; iframe打开了整个论坛;所以我只想在加载的iframe上隐藏某些div。

我真的不确定如何继续这样做。 我尝试过很多东西;

document.getElementById('page-header').style.display="none";

#page-header {
diplay: none;
}

但两者似乎都没有用。

任何帮助都会很棒。 (:

3 个答案:

答案 0 :(得分:0)

您可以尝试使用iframe的内部div。

$('#frame id').contents().find('#div Id').fadeIn('slow');

答案 1 :(得分:0)

https://developer.mozilla.org/en/docs/Web/HTML/Element/iframe

首先需要访问您的iframe,例如像这样(假设你的页面上只有一个iframe):

  window.frames[0].document.getElementById('page-header').style.display="none";

阅读文档并找到最适合您现有代码的方式来查找iframe,但上面的代码可以帮助您入门

答案 2 :(得分:0)

在googles上找到了一个答案,我想我会发布这个问题,其他任何人都会遇到这个问题。

    $(function(){
        var f=$('#FRAMESID')
        f.load(function(){ 
            f.contents().find('#DIV_ID').hide(); 
        })
    })