layer iframe 设置关闭按钮 和刷新

本文详细介绍如何在layui框架中使用layer组件创建弹窗,并展示如何通过弹窗内的按钮关闭iframe页面,以及如何在不同场景下(如使用layer.open或top.layer.open)刷新父页面或子页面的方法。

layer.open({
type: 2,
title: 'XXXX网吧历史更多数据',
shade:0,
// closeBtn:0,
resize:false,
move:false,
shadeClose: true, //点击遮罩关闭层
area : ['800px' , '600px'],
content: '营业数据详情 更多数据.html'
,btn: [ '关闭']
,success: function(layero){
layero.find('.layui-layer-btn').css('text-align','center');
}

});

直接在layer.open中设置btn:['关闭],就有了关闭按钮,点击即关闭iframe页面

在success: function(layero){ layero.find('.layui-layer-btn').css('text-align','center');

调整按钮居于中间底部

一:使用layer.open打开的子页面

window.parent.location.reload()//刷新父页面

var index = parent.layer.getFrameIndex(window.name)//获取窗口索引

parent.layer.close(index)  

1:刷新父页面

2:关闭此页面

    2.1  获取窗口索引 (parent.window.name  或者window.name)

    2.2 父级执行关闭

  二:使用top.layer.open打开子页面

$(window.parent.document).find("iframe")[0].contentWindow.location.reload(true);

1:先获取页面中iframe

2:获取需要刷新的iframe

3:刷新contentWindow.location.reload(true);

转载于:https://www.cnblogs.com/ZGQ-VIP/p/11098781.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值