首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Fancy Box - 关闭iframe弹出窗口时如何刷新父页面?

在关闭Fancy Box弹出窗口时,可以通过以下几种方式刷新父页面:

  1. 使用JavaScript刷新父页面:可以在关闭弹出窗口的事件中,使用JavaScript的location.reload()方法来刷新父页面。这将重新加载整个页面,包括所有的资源文件和数据。
  2. 使用JavaScript向父页面发送消息:可以在关闭弹出窗口的事件中,使用JavaScript的window.postMessage()方法向父页面发送消息。在父页面中监听消息事件,当接收到来自子页面的消息时,执行刷新操作。
  3. 使用JavaScript调用父页面的函数:可以在关闭弹出窗口的事件中,使用JavaScript的window.opener属性获取父页面的窗口对象,然后调用父页面中的函数来执行刷新操作。
  4. 使用Fancy Box提供的回调函数:Fancy Box提供了一些回调函数,可以在关闭弹出窗口时执行自定义的操作。可以使用afterClose回调函数,在该函数中执行刷新父页面的操作。

需要注意的是,以上方法都需要在弹出窗口的关闭事件中触发,具体的实现方式取决于你使用的具体技术栈和框架。

关于Fancy Box的更多信息和使用方法,你可以参考腾讯云提供的产品介绍链接:Fancy Box产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

js页面刷新关闭弹框消失_js刷新页面如何保留页面内容

onbeforeunload 事件属性   定义:在即将离开当前页面(刷新关闭)执行 JavaScript,例如: window.onbeforeunload = function...; } Jetbrains全家桶1年46,售后保障稳定   用法:onbeforeunload 事件在即将离开当前页面刷新关闭触发。...该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。...触发于: 关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回,前进,刷新,主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候:click,document...当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。 重新赋予location.href的值的时候。

11.8K40

layer实现关闭弹出刷新界面功能详解

窗口打开layer弹出,添加end回调 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 functionopenLayer() {   //iframe层     parent.layer.open...,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功后,调用函数关闭弹出框才触发界面刷新操作,基于这个逻辑,应该选择方案一。...方案二,不管怎样都会刷新页面,实际上无端的增加了服务器的处理压力。 方案二:可以解决子页面处理后的结果发送给子页面页面的问题。...对于layer.js出现回调关闭类的弹出,之前的表单的submit失效的问题: 如何解决:网上有很多,有的是转为ajax的请求,在数据传输完再关闭类的弹出层: 下面是关闭弹出层的办法: 1 2...未经允许不得转载:肥猫博客 » layer实现关闭弹出刷新界面功能详解

4.6K60
  • layer弹出层详解

    layer如何获取界面的元素,比如我点击新增按钮,在layer框编辑后提交,是如何关闭当前layer框,额,关闭layer框很简单,但是如何关闭后根据界面的form表单向后台发起Ajax请求,,刷新信息...即:layer子界面如何调用界面的方法。 如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。...,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的 //当你在iframe页面关闭自身...')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); 7 console.log(body.html())...(windowName) – 获取特定iframe层的索引 此方法一般用于在iframe关闭自身用到。

    5.2K20

    php layer弹出层更改背景,详解Layer弹出层样式

    layer如何获取界面的元素,比如我点击新增按钮,在layer框编辑后提交,是如何关闭当前layer框,额,关闭layer框很简单,但是如何关闭后根据界面的form表单向后台发起Ajax请求,,刷新信息...即:layer子界面如何调用界面的方法。 如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。...,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的 //当你在iframe页面关闭自身 var...name’]]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); console.log(body.html()) //得到iframe页的body内容...iframe关闭自身用到。

    3.9K20

    html网页详细代码「建议收藏」

    method="post" action="mailt****@***.com" enctype="text/plain"> 34.在打开的子窗口刷新窗口的代码里如何写...method="post" action="mailto:****@***.com" enctype="text/plain"> 25.在打开的子窗口刷新窗口的代码里如何写...方法一: 浏览器读页面弹出窗口; 方法二: 浏览器离开页面弹出窗口; 方法三:用一个连接调用: 打开一个窗口 注意:使用的“#”是虚连接。...method="post" action="mailt****@***.com" enctype="text/plain"> 34.在打开的子窗口刷新窗口的代码里如何写...方法一: 浏览器读页面弹出窗口; 方法二: 浏览器离开页面弹出窗口; 方法三:用一个连接调用: 打开一个窗口 注意:使用的“#”是虚连接。

    7.4K41

    JavaScript中window.open()和Window Location href的区别「建议收藏」

    :在框架内指定页面打开连接 5:是否打开其他网站地址 6:window.open()经过设置后的弹出窗口 7:用函数控制弹出窗口: 8 :同时弹出两个窗口 9: 【弹出窗口之定时关闭控制】   ...//在页面打开新页面 top.location.href;//在顶层页面打开新页面 2:window.open()的用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。...方法一: 浏览器读页面弹出窗口;   方法二: 浏览器离开页面弹出窗口;   方法三:...9: 【弹出窗口之定时关闭控制】   下面我们再对弹出窗口进行一些控制,效果就更好了。...替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进 入该页面窗口再也不会弹出了。

    4.9K20

    layer执行窗口ajax方法,layer 弹出层 回调函数调用 弹出页面 函数

    1、项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下。...height: ‘100px’, url: ”, shade: 0.3, btn: [‘确认’, ‘关闭’], btnclass: [‘btn btn-primary’, ‘btn btn-danger...options.btn, //只是为了演示 yes: function(){ options.callBack(); }, btn2: function(){ layer.close(); } }); } 3、页面...在子页面使用layer弹出只显示遮罩层,不显示弹出框问题 最近子页面使用layer弹出只显示遮罩层,不显示弹出框,这个问题搞了很久,最后才发现,在子页面上使用弹出,如果只使用layer.alert...()或者layer.open(),会默认在当前页面弹 … OA项目之弹出层中再弹出弹出层中再弹出一层如图: 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159849

    2.2K30

    layui弹出层使用方法总结

    layui的模态窗口很强大,但是使用的时候要声明很多东西,并且对于窗口之间的参数传递也没有做具体的说明,所以基于layui弹出层的api进行了一些简单的封装,使用起来更加顺手,先上代码 function...页面关闭自身 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close...; } } 一共封装了三个方法,打开,关闭,获取传递参数 OpenDialog方法保留了一些常用参数,如标题,打开iframe页面的地址,宽,高,增加了关闭页面的回掉函数与页面之间的传递参数,打开方法通过获取顶层的...layer对象,使得打开的窗口全部是基于顶层页面,解决了在iframe中打开页面只能在iframe中显示与移动,宽高都是基于百分比打开,适应性更加灵活一些,向打开的子级页面传递参数是通过向iframe增加变量存储的方式实现的...,比较灵活,子级页面关闭后也随之销毁,子级页面关闭后父级页面的回调函数通过api中的end方法嵌套一下,如果子级页面关闭想要向页面传递数据(如表单打开选择树页面回传选项值),就会存储在顶级页面

    1.1K10

    onbeforeunload事件被a链接触发的问题

    onbeforeunload本身并非W3C DOM-Event标准事件,只不过在很多时候国内的流氓做法就是离开页面,直接弹出收藏本网页的提示(虽然我很讨厌这种做法,但事实上很多公司一直都在这样默默地强奸用户...:BX2047: 各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异 根据 MSDN 中描述,IE 的 onbeforeunload 事件可由以下这些条件触发: 关闭当前浏览器窗口...单击后退,前进,刷新,或主页按钮。 点击一个链接到新页面。 调用 超链接的 click 方法。 调用 document.write 方法。 调用 document.open 方法。...> 如果iframe中有window.onbeforeunload事件,在点击链接test2、test3会触发iframe内的window.onbeforeunload事件,test1、test4则不会...,尽管页面iframe并非同一域。

    1.9K20

    bootstrap3-dialog打开嵌套iframe窗口

    src="'+pagepath+'" style="width:100%;height:'+height+';border-width:0 ">')); //打开窗口页面增加接受消息监听...,在关闭事件后传递消息通知页面关闭dialog window.addEventListener('message', receiveMessage, false); function...,height/weight就是高/宽,callback就是dialog关闭的回调函数,比如新增数据关闭新增页面调用回调函数刷新列表页,其中对页面的嵌套就是通过对dialog中的内容加载嵌套一个iframe...,收到指定的消息,则关闭dialog,能这样做的原因是dialog模态窗口实质上就是在原页面基础上加上了一个div和遮罩层,其实还是属于同一个页面的,所以相互发送message可以收到,所以关闭dialog...中打开窗口,遮罩层和dialog都会以iframe为基准,但有时候这样会显的窗口太小使用不方便,所以我们这里要再加一种方法,打开全局dialog,就是如果在iframe中打开,dialog要显示在iframe

    42920

    Selenium 系列篇(三):窗口

    窗口操作 Selenium 自动化过程中,对窗口本身的操作包含:打开一个窗口关闭一个窗口刷新一个窗口窗口的回退和前进。...# 打开一个窗口网站 driver.get("http://www.baidu.com") 在多窗口页面切换,WebDriver 提供了 API ,包含:back()、forward()、refresh...() 方便我们对浏览器执行 回退、前进、刷新页面 的操作。.../temp.png') 自动化完成之后,我们一般需要 关闭窗口,使用 close() 可以关闭当前窗口,quit() 退出驱动程序,关闭所有页面。...# 关闭当前窗口页面 driver.close() # 关闭所有窗口页面 driver.quit() 2. 内部元素操作 窗口内部元素使用最多的操作包含:点击按钮、输入框的清空和设置内容。

    2.5K31
    领券