Javascript 在iFrame上隐藏Div(在同一域内)
好吧,我正在尝试在iframe中从我的论坛加载一个部分到我的主页上 我知道不可能操纵不来自您自己领域的帧;但我的论坛在同一个网站上,所以它应该是甜蜜的。 装载时;iframe打开了整个论坛;所以我只想在加载的iframe上隐藏某些div 我真的不知道我该如何继续这样做。 我尝试过很多事情,比如Javascript 在iFrame上隐藏Div(在同一域内),javascript,iframe,Javascript,Iframe,好吧,我正在尝试在iframe中从我的论坛加载一个部分到我的主页上 我知道不可能操纵不来自您自己领域的帧;但我的论坛在同一个网站上,所以它应该是甜蜜的。 装载时;iframe打开了整个论坛;所以我只想在加载的iframe上隐藏某些div 我真的不知道我该如何继续这样做。 我尝试过很多事情,比如 document.getElementById('page-header').style.display="none"; 或 但两者似乎都不起作用 任何帮助都会很好。(:您可以在iframe的内部div
document.getElementById('page-header').style.display="none";
或
但两者似乎都不起作用
任何帮助都会很好。(:您可以在iframe的内部div中尝试此操作
$('#frame id').contents().find('#div Id').fadeIn('slow');
您首先需要访问iframe,例如,如下所示(假设您的页面上只有一个iframe):
阅读文档,找到最适合您现有代码的方法来查找iframe,但是上面的代码应该可以让您开始在Google上找到答案,我想我会发布它,以防其他人遇到这个问题
$(function(){
var f=$('#FRAMESID')
f.load(function(){
f.contents().find('#DIV_ID').hide();
})
})
您应该对
body
元素应用一个类,指示该页正在iframe
中显示。然后,当该页在iframe中时,应用自定义CSS规则。这是最好的方法。@gskema这是不正确的。引用自“大多数浏览器都像处理不同的HTML页面一样处理iframe。如果要将相同的样式表应用于iframe的内容,只需从其中使用的页面中引用它即可。“@Luca我想你不明白我对查看队列的任何人的意思:这不是重复的。这个问题涉及同一个域内的操作,而这个问题涉及不同域的操作。这是jQuery-OP没有说他们正在使用它
window.frames[0].document.getElementById('page-header').style.display="none";
$(function(){
var f=$('#FRAMESID')
f.load(function(){
f.contents().find('#DIV_ID').hide();
})
})