layui弹窗页面关闭

最新推荐文章于 2025-06-14 10:00:00 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2025-06-14 10:00:00 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/Guoyu1_/article/details/90020705

layui 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个使用layui框架中layer模块关闭iframe层的简单方法。通过获取当前iframe层的索引并调用parent.layer.close(index)函数，可以实现iframe层的优雅关闭。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui.use('layer', function() {
    var layer = layui.layer;
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    parent.layer.close(index); //再执行关闭
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端路上迷茫的小鲨鱼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

[Layui]弹窗中再弹窗让新弹窗再父页面下弹出

德仔

11-14

1060

Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。问题：如果有返回值就直接返回到第一次打开的页面了。

layui 弹窗表单赋值

qq_24409681的博客

08-13

2302

layui官方示例 HTML代码 <form class="layui-form hide" action="" lay-filter="example" id="edit_content"> <div class="layui-form-item"> <label class="layui-form-label">用户编号:</label> <div class="layui-input-block"> <d

参与评论您还未登录，请先登录后发表或查看评论

Layui 子页面：需要关闭当前弹窗（子页面）

BugRoot的博客

08-16

1万+

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 parent.layer.alert(result.message,{icon:1});

layui弹窗和关闭

qq_34631220的博客

08-20

3580

弹窗 <div id="biaodan" style=""> 内容 </div> 弹窗 layer.open({ type: 1, title: '编辑', area: ['80%', '80%'], shade: 0, content: $('#biaodan'), end : function() { ...

layui在首页添加弹窗和跳转页面

最新发布

weixin_63954739的博客

06-14

238

在原有的就项目里面，点击登录页面原有的数据执行前先添加接口及判断，首页。跳转的页面添加数据完成时返回上一级。

layui关闭弹窗

qq_40666120的博客

12-16

915

type - 基本层类型类型：Number，默认：0 layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层） layer.closeAll(); //关闭所有层 layer.closeAll(‘dialog’); //关闭信息框 layer.closeAll(‘page’); //关闭所有页面层 layer.closeAll(‘iframe’); //关闭所有的iframe层 layer.closeAll(‘loading’); //关闭加

layUI关闭弹窗

zhangxiaofan521的博客

09-11

774

layUI 关闭弹窗程序 1.首先是前端取消按钮取消 2.后端js $(’#remove’).on(‘click’, function(){ var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 }); ...

layui 关闭当前弹出窗口

userlhj的博客

10-12

1万+

var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name parent.layer.close(index); //关闭窗口 (仅做笔记)

快速解决layui弹窗按enter键不停弹窗的问题

10-16

本文将详细解读如何快速解决在使用...希望本文介绍的解决方案能够帮助开发者解决layui弹窗按Enter键导致的问题，从而在开发过程中提供更好的用户体验。同时，也希望本文能够成为开发者们解决问题的一个有价值的参考。

layui 监听弹窗关闭并刷新父级table

Light

07-17

1253

layui监听弹窗关闭并刷新父级table

layui 实现二级弹窗弹出之后关闭一级弹窗的方法

12-13

// 一级弹窗页面的JS layui.use('layer', function(layer) { var index = layer.open({ type: 2, // 弹出二级窗口 content: '二级窗口URL', success: function层(index, layero) { // 在这里调用父页面的关闭一...

layui，点击按钮将当前已经打开的窗口页关闭、弹窗关闭

优快云 for recording problems

06-01

3707

let index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);

【Layui】关闭弹出层

qq_54048083的博客

10-22

1570

【代码】【Layui】关闭弹出层。

layui关闭当前弹窗的方法

乐逍遥

06-01

7628

layui关闭当前弹窗的方法：1、获取当前窗口的name；2、关闭窗口。实现代码：

layui关闭所有弹窗页面(页面) / 关闭弹窗后刷新动态表单

九亿宅男的梦的博客

01-11

2400

第一个页面： layer.open({ type: 2, title: '编辑事项: ', shadeClose: true, shade: 0.8, offset: "60px", move: false, scrollbar: false, area: ['680px', '425px'], content: ["1....

layui-弹出层中如何关闭窗口

热门推荐

laiyuan999的博客

05-16

4万+

var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);//关闭当前页 // window.parent.location.replace(location.href)//刷新父级页面 window.parent.location.reload(); type -...

layui关闭弹窗并刷新表格的方法

rousongxiaobei_的博客

04-17

1346

1.layui官网：Layui - 经典开源模块化前端 UI 框架2.layui关闭弹窗并刷新表格的方法：

layui中，关闭layer弹窗的多种方法

陌小白的博客

07-07

1万+

在用layui做数据交互或其他业务功能时需要关闭指定的layer弹窗，以下是结合官方文档以及网友帖子整里的多种方法！ layer.close(index) - 关闭特定层 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); 每一种弹层调用方式，都会返回一个index layer.close(inde.

解决layui自己设置的button无法关闭弹窗

weixin_49801874的博客

03-24

1074

skin: 'layui-layer-rim', //加上边框。// return false // 点击该按钮后不关闭弹层。// return false // 点击该按钮后不关闭弹层。// 合并数组中的值为一个字符串，以逗号分隔。btn: ['按钮1', '按钮2', '按钮3'],btn: ['按钮1', '按钮2', '按钮3']btn: ['确定', '取消'],// 获取子页面中存储的选中数据。// 右上角关闭事件的逻辑。// 按钮2 的回调。// 按钮3 的回调。// 按钮1 的回调。

js关闭父级页面的layui弹窗

04-27

你可以使用如下代码关闭父级页面上的layui弹窗： ```javascript // 获取父级页面的index对象 var index = parent.layer.getFrameIndex(window.name); // 关闭弹窗 parent.layer.close(index); ``` 其中，`parent....