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 相关文章推荐
jQuery Ajax文件上传(php)
Jun 16 Javascript
js中判断控件是否存在
Aug 25 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
js中javascript:void(0) 真正含义
Nov 05 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
vue实现登录拦截
Jun 29 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
Nov 06 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
php取得字符串首字母的方法
2015/03/25 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
JavaScript 字符串连接性能优化
2008/12/20 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
jquery图片放大镜效果
2017/06/23 jQuery
bootstrap多层模态框滚动条消失的问题
2017/07/21 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
Python创建文件和追加文件内容实例
2014/10/21 Python
Python计算程序运行时间的方法
2014/12/13 Python
python中pass语句用法实例分析
2015/04/30 Python
Python内置函数reversed()用法分析
2018/03/20 Python
详谈在flask中使用jsonify和json.dumps的区别
2018/03/26 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
经典的班主任推荐信
2013/10/28 职场文书
医大实习自我鉴定
2013/12/07 职场文书
三查三看党性分析材料
2014/02/18 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
小学大队委竞选口号
2015/12/25 职场文书
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android
MySQL RC事务隔离的实现
2022/03/31 MySQL
springcloud整合seata
2022/05/20 Java/Android