div隐藏再显示之后，div内的iframe不显示解决方法

最新推荐文章于 2022-03-28 20:03:47 发布
最新推荐文章于 2022-03-28 20:03:47 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： javascript 文章标签： JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lineage11/article/details/83708861
版权

<body>
        <table id="cc" style="display:none;">
          <iframe id="ff" src="Array-Grid.html"></iframe>
        </table>
        <button type="button" οnclick="showOrHidden()">showorhidden</button>
    </body>
    <script type="text/javascript">
          function showOrHidden(){
              var status=document.getElementById('cc').style.display;
            if(status==null || status=='none'){
                    document.getElementById('cc').style.display='block';
            }else{
                 document.getElementById('cc').style.display='none';
            }
             document.getElementById('ff').src='Array-Grid.html';
            
          }
        
    </script>

 

显示时，直接制定iframe的src地址就可以显示了。

lineage11
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
点击div外区域隐藏div操作(嵌套iframe页面)
阿毛的博客
01-10 4860
一、正常页面 $(document).click(function(){ $(dom).hide();//要隐藏的div }); 二、嵌套iframe页面 （我实现的是点击子页面隐藏父页面的元素） 除了写正常页面的操作之外，也需要在子页面里面写第二个操作 $(document).click(function(){//父页面 $(dom).hide();/...
解决div隐藏后再显示其内嵌的iframe不显示
qq_41615323的博客
03-04 500
需求 解决点击默认内嵌iframe的div显示时，iframe内容不显示 解决 $("#iframe").css('display','block'); //再显示时需重新再加载一次iframe的地址即可 $("#iframe").attr("src",`iframe地址`);
html中使用iframe时后面的内容不显示
weixin_34236869的博客
01-12 4878
2019独角兽企业重金招聘Python工程师标准>>> ...
iframe用display:none隐藏后，仍然能产生一次有效的访问
王艺强的博客
10-09 3056
display:none这段css代码只是把iframe隐藏起来，但程序仍然会访问目标地址，用户却是看不见的 比如： 《iframe name='hideFrame' style="display:none;" src="http://www.google.com" > 把这段代码放在html页面中，虽然什么都看不到，但是打开这个页面时，就会访问谷歌的网页
【经验总结】关于使用某些第三方插件库元素设置display:none后重新show不显示的问题；（display、opacity、宽高0的使用场景）...
weixin_30505225的博客
03-26 261
display：none 直接取消元素所占用的位置（但是元素还是存在的），后面元素看他就相当于不存在了； opacity：0 隐藏，但是其依旧占用位置； height、width：0 和display：none类似，但是在某些情况下，宽高为零重新展现时元素不刷新，display：none 重新show时元素刷新。 此处以easyUI 中的datagrid为例： 在代码中有...
怎么让iframe 不显示
linfengv的专栏
09-09 1771
<iframe name="Detail" id="Detail" frameborder="0" hspace="0" vspace="0" src="index.asp" scrolling="no"></iframe> 或 <br /> <iframe name="Detail" id="Detail" frameborder="0" hspace="0" vspace="0" src="index.asp" style="display:none"></iframe> <br />
js如何设置在iframe框架中指定div不显示
10-26
在JavaScript中，隐藏或显示`iframe`框架内的`div`元素是常见的需求，尤其是在构建复杂的网页布局或交互时。以下是一些使用JavaScript实现这一功能的方法，以满足在不同上下文中控制`div`可见性的需求。 首先，我们...
div层跨越iframe帧显示在上面的解决方法附代码
10-30
总结来说，解决 `div` 跨越 `iframe` 显示在上面的问题，主要通过调整 `div` 元素的 `z-index` 属性来实现。确保正确设置了 `position` 属性，并根据需要为 `iframe` 的内容进行相应的CSS调整。通过这种方式，可以...
div被iframe遮住的几种情况及解决方法
12-10
类似结构： 复制代码代码如下:<div></div>”><...解决方法： div使用不透明背景或者使用透明的背景图片。 第二种：ie8中z-index失效 在ie中，iframe里引入video视频播放会导致div的z-index无效，即div的z-index无论
iframe弹窗 - 列表渲染第一次可以,再次点击不显示 问题
weixin_33994429的博客
08-07 827
// 页面代码 原因是: 点击弹窗(改变) iframe的 src值,但同时 也会把iframe标签弄没 所以在此点击的时候 没办法显示 iframe 解决办法: 在点击方法刚进来的时候 var t = $(‘#id’).clone() //保存iframe标签 复制代码 最后再把 复制代码 $(‘#id’).html(t) 复制代码 转载于:https://juejin.im/pos...
【iframe】关于一个页面多个iframe,并隐藏显示的问题.
weixin_45932148的博客
03-28 2867
问题描述 提示：这里描述项目中遇到的问题： 一个页面有两个及两个以上的iframe,加载页面时,隐藏其中一个,点击显示另一个时,不执行JS. 原因分析： 可能是父页面在加载时就已经执行了.你在点击显示后,iframe页面的内容不知道加载到哪里去了. 解决方案： 动态给iframe赋src值,并在父页面中设置全局变量,只有在执行第一次的时候才去赋值,其它时候只隐藏或者显示. var tt1= false; var tt2 = false; //设置各个列表展示或者隐藏 function TestSho
div+iframe实现弹窗
ALL TECHNOLOGIES ARE CLOUDS
03-15 787
from: http://blog.sina.com.cn/s/blog_8a18c33d0100v5hb.html   除了使用实际的弹出窗口，还可以使用控制一个div的display属性来模拟一个弹出窗口的操作，这里使用在Div里放一个iFrame的方式，主要考虑到可以在需要的时候加载弹出窗口的内容，减少主窗口的数据量。通是还要考虑的一个问题就是用户在完成一次选择后，当重复打开选择框时，...
div 在iframe上层显示
最新发布
09-03
div 在iframe上层显示是因为div是HTML中的一个元素，用于在网页中创建一个区块，而iframe也是HTML中的一个元素，用于在网页中嵌入另一个网页。 在普通情况下，div和iframe是按照它们在HTML中的顺序进行层叠，即后面的元素会覆盖前面的元素。但是，有时候我们希望将div显示在iframe的上层，可以通过一些方法实现。 一种方法是通过CSS设置div的css属性z-index。z-index用于控制元素的层级顺序，数值越大的元素会显示在数值较小的元素的上面。我们可以将div的z-index设置为一个比iframe更大的数值，这样div就会显示在iframe的上层。 另一种方法是通过JavaScript来实现。我们可以使用JavaScript获取到div和iframe的引用，然后通过操作它们的CSS属性来调整它们的层级关系。例如，可以将div的CSS属性position设置为absolute，然后设置其top和left属性，使其覆盖在iframe上。 需要注意的是，将div显示在iframe的上层可能会导致一些交互上的问题。因为div会覆盖在iframe上面，可能会导致用户无法正常地与iframe中的内容进行交互。所以在实际使用中，需要仔细考虑是否需要将div显示在iframe的上层，并根据具体的需求来选择合适的解决方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值