弹出层是iframe引入的页面，如果用js进行隐藏呢？

<script>    $(document).ready(function(){        $(‘.bjfh‘).click(function(){            parent.document.getElementById("xiangqingbox").style.display=‘none‘;//找到上一级页面中要隐藏的div并进行隐藏            parent.document.getElementById("cover").style.display=‘none‘;//找到上一级页面中要隐藏的遮罩层并进行隐藏        });    });</script>

时间： 2024-11-05 12:44:48

弹出层是iframe引入的页面，如果用js进行隐藏呢？的相关文章

layer弹出层的iframe页面回调

$("#ChoiceBank").click(function () { var width = $("#content").css("Width"); layer.open({ type: 2, title: '开户银行选择', area: [width, '380px'], content: ['/Bank.aspx', 'no'], btn: ['确定', '取消'], yes: function (index, layero) { var

Layer弹出层关闭后刷新父页面

API地址:http://layer.layui.com/api.html#end 调用END回调方法: end - 层销毁后触发的回调类型:Function,默认:null 无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数. function updateStock(id) { //iframe层 parent.layer.open({ type: 2, title: '修改', shadeClose: false, //点击遮罩关闭 shade: 0.8, area: [

权限管理系统之LayUI实现页面增删改查和弹出层交互

由于对LayUI框架不太熟悉,昨天抽空看了下LayUI的文档,今天在网上找了使用LayUI进行增删改查相关内容,自己照葫芦画了个瓢,画瓢部分不是很难,主要是下午遇到了一个弹出层的问题耗时比较久. 同一项目,设计风格都差不多,对于涉及单个数据表的页面,基本都是增删改查,布局都是差不多,实际项目中都是复制.粘贴过来改下数据基本就能完成80%,后续就是修修补补或者是要实现一些特殊需求,记得刚参加工作时,老大直接给了一个已经做好的模板页面让我比对着手动敲一遍,当时觉得重复操作没啥用,现在再看觉得作用很大

Javascript实现页面弹出层效果

弹出层效果是一个很实用的功能,很多网站都采用了这种方式实现登录和注册,比如百度: 弹出层的特点:点击登录或注册的时候在页面的中间部分弹出一个登录或注册区域并且页面有一个遮罩层,而且登录框在遮罩层之上,也就是登陆框的z-index值要大于遮罩层的z-index值.当点击关闭或者遮罩层时关闭登录或者注册框(有的网页没有实现点击遮罩层关闭登录或注册区域的功能.). 最近也做了一个类似的弹出层的效果,先展示一下最终效果: 简单的说一下实现的过程. 首先是遮罩层.遮罩层是在页面动态加载的过程中创建的,因为

弹出层完美禁止页面滚动

页面中经常会遇到弹出层的部件,当弹出层激活时覆盖整个页面,且背景部分不能滚动.实现起来有以下要点: 弹出层position设置为fixed,四个定位锚点均设为0: 激活弹出层时给html和body设置overflow: hidden;: 以下是实践: codepen 为了让彻底禁止滚动,还可以在mousewheel和touchmove事件(分别对应PC和移动端)中调用preventDefault()方法: function forbidScroll(e) { e.preventDefault &

JS简易弹出层

一个简易的弹出框,内容层自定义.为了简单灵活的在小项目中使用. 目标要求模仿bootstrap的弹出层实现如何实现 bootstrap弹出框的效果.经过研究后.思路如下将要弹出的DIV要置于body直属.不必有遮罩DIV.它在运行时由JS生成.关闭时再删掉弹出层DIV和遮罩层使用绝对定位并且长宽一样,在弹出前,将BODY设为无滚动条,以消除网页有滚动条时的盖不住问题弹出层DIV.长宽与页面窗口一样,背景透明.可以单击(单击背景关闭弹出层功能),可以垂直滚动. 弹出层第二级为弹出内容父层

html DIV始终垂直居中的半透明弹出层特效源代码下载

html DIV始终垂直居中的半透明弹出层特效原文:html Div层的展开与收缩的特效源代码下载源代码下载地址:http://www.zuidaima.com/share/1550463332846592.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g

layer弹出层的关闭问题

就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后,有了以下的解决办法: 一.关闭弹出窗这是layer官网给出的帮助手册,讲解的比较详细分成两种情况: 1.弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close(); 2.弹出窗是新的页面的时候 var index=parent.

jQuery点击弹出层，弹出模态框，点击模态框消失

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 <!DOCTYPE html>