Question

如何用js控制frame的隐藏或显示的解决办法

Answer 1

工具:首先引入JS库

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

页面中的部分代码:

<button id="onshow">显示/隐藏</botton>
<iframe id="myIframe"></iframe>

隐藏iframe的方法有2种可以参考:

方法1:

//获得需要隐藏的iframe元素对象。
var iframe = document.getElementById('myIframe') ;
//设置属性为隐藏。
iframe.style = "display:none";

方法2:

//给按钮绑定点击事件
$(function(){
    $('#onshow').click(function(){
        $('#iframe-box').toggle();//控制是否显示
    })
})

Answer 2

在HTML中元素的隐藏和显示是靠CSS的display属性,当display=none时，元素隐藏

可以通过jquery的toggle方法控制display

先在页面放一个按钮和iframe 

<button id="onshow">显示/隐藏</botton>
<iframe id="iframe-box"></iframe>

引入jQuery库文件

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

给onshow添加单击事件

<script>
$(function(){
	$('#onshow').click(function(){
		$('#iframe-box').toggle();//控制是否显示
	})
})
</script>

Answer 3

var fr = document.querySelector("frame")[i]; 获得元素对象。
fr.style = "display:none"; 设置属性为隐藏。

Answer 4

这个为什么非得用JS那么麻烦HTML都可以实现的效果。。。系统资料iframe中的name=manFrame就可以了当然JS也可以实现的只是绕了一个太大的弯