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

Posted 2023-04-04

工具:首先引入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();//控制是否显示
    )
)

参考技术A

在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>

参考技术B var fr = document.querySelector("frame")[i]; 获得元素对象。
fr.style = "display:none"; 设置属性为隐藏。 参考技术C 这个为什么非得用JS那么麻烦HTML都可以实现的效果。。。系统资料iframe中的name=manFrame就可以了当然JS也可以实现的只是绕了一个太大的弯

如何用JS实现点击图标自动隐藏和显示窗口

点击这个图标会显示，再点击会隐藏，并且图标发生变化,如何实现？？？？？？？？？

控制一下这个div块的display属性，如果显示就是block反之就是none，也可以用jquery的写法，hide()和show()；$("#id").show();或者是$("#id").hide();追问

我用框架布局的，该怎么办

参考技术A js:display black none
jquery:$("#id").hide(); $("#id").show(); 参考技术B $(this).toggle();此处的this根据你的情况订