在iframe中隐藏导航栏和标题

时间:2017-03-17 13:54:21

标签: javascript jquery html css

我试图在iframe中加载页面时隐藏标题和导航栏

我在html页面上使用的代码:

     <div id="frame2"><iframe width="100%" height="600px" margin-top="-350px" id="frame1" src="http://mls.searchfloridahomelistings.com/i/Neigbs_Bear_Lake_1" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

我已经尝试了使用javascript找到的所有建议,但没有一个正在使用

当我在谷歌检查时,我可以添加一个显示:无;到css类:navbar-inverse并且它隐藏了所有内容,但是当我尝试添加javascript时它不起作用:

    <script type="text/javascript"> var isInIFrame = (window.location != window.parent.location);if(isInIFrame==true)document.getElementsByClassName("navbar-inverse")[0].style.display = "none";}</script>

我还尝试了其他帖子和其他论坛中给出的示例中的几种变体

加载的页面为http://www.searchfloridahomelistings.com/altamonte-springs-homes-for-sale/bear-lake-homes-for-sale/

是因为iframe的网址与网站的网址不同 - 交叉编写?

我对javascript不是很熟悉所以任何帮助都将非常感谢!

1 个答案:

答案 0 :(得分:0)

你不能因为iframe有另一个范围,所以你不能通过javascript来访问它或者改变它的内容。

实际上是另一页