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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
使用JS+plupload直接批量上传图片到又拍云
Dec 01 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
hammer.js实现图片手势放大效果
Aug 29 Javascript
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
Jan 08 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 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
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
JavaScript去掉空格的方法集合
2010/12/28 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
通过Nodejs搭建网站简单实现注册登录流程
2019/06/14 NodeJs
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
利用python对mysql表做全局模糊搜索并分页实例
2020/07/12 Python
python实现计算器简易版
2020/12/17 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
找到您丢失的钥匙、钱包和手机:Tile
2017/05/19 全球购物
TripAdvisor台湾:全球最大旅游网站
2018/08/26 全球购物
如何开启linux的ssh服务
2015/02/14 面试题
餐饮采购员岗位职责
2014/03/15 职场文书
安全生产月活动总结
2014/05/04 职场文书
个人工作主要事迹
2014/05/08 职场文书
推广普通话演讲稿
2014/05/23 职场文书
安全隐患整改报告
2014/11/06 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
全陪导游词开场白
2015/05/29 职场文书
消费者理赔投诉书
2015/07/02 职场文书
运动会200米广播稿
2015/08/19 职场文书
五年级语文教学反思
2016/03/03 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript