layer关闭当前窗口页面以及确认取消按钮的方法


Posted in Javascript onSeptember 09, 2019

如下所示:

function demo() {
 layer.confirm('您是如何看待前端开发?', {
  btn: ['重要','奇葩'] //按钮
 }, function(){
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.close(index);//关闭当前页
  layer.msg('的确很重要', {icon: 1});
 }, function(){
  layer.msg('也可以这样', {
   time: 1000, //20s后自动关闭
   btn: ['明白了', '知道了']
  });
 });
}

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);//关闭当前页

确认及取消按钮

layui.use('layer',function () {
 layer.confirm("请问是否确定删除,删除后不可恢复?", {
  btn: ["确定","取消"] //按钮
 }, function(){
  confirm('确定?');
  layer.closeAll('dialog');
 }, function(){
  alert('您已点击取消')
 });
});
layui.use('layer',function () {
 layer.open({
  type: 1,
  title: '订单详情',
  closeBtn: 1,
  fix: false,
  offset: '100px' ,
  btn: ['确定', '取消'],
  content: '姓名:<input type="text">',
  success: function (layero, index) {
 
  },
  cancel: function (index) {
   alert("OK")
  }
 })
})

以上这篇layer关闭当前窗口页面以及确认取消按钮的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
AngularJS中的按需加载ocLazyLoad示例
Jan 11 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
javascript实现日期三级联动下拉框选择菜单
Dec 03 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
May 17 Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
图文详解vue框架安装步骤
Feb 12 Javascript
eslint 的三大通用规则详解
May 16 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
微信小程序 checkbox使用实例解析
Sep 09 #Javascript
js之切换全屏和退出全屏实现代码实例
Sep 09 #Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 #Javascript
一次微信小程序内地图的使用实战记录
Sep 09 #Javascript
微信小程序HTTP请求从0到1封装
Sep 09 #Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 #Javascript
世界上最短的数字判断js代码
Sep 09 #Javascript
You might like
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
PHP中SESSION的注销与清除
2015/04/16 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
js重写alert控件(适合学习js的新手朋友)
2014/08/24 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
2017/08/20 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
基于node.js实现微信支付退款功能
2017/12/19 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
python制作抖音代码舞
2019/04/07 Python
python实现抽奖小程序
2020/04/15 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
Peter Millar官网:美国高档生活服饰品牌
2018/07/02 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
行政部岗位职责范本
2014/03/13 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL
Python实现生活常识解答机器人
2021/06/28 Python
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis