脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → layer关闭当前窗口页面以及确认取消按钮

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

 更新时间：2019年09月09日 14:48:42   作者：九亿宅男的梦  
今天小编就为大家分享一篇layer关闭当前窗口页面以及确认取消按钮的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

如下所示：

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关闭当前窗口页面以及确认取消按钮的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 关于JS中的箭头函数

    关于JS中的箭头函数

    这篇文章主要介绍了关于JS中的箭头函数,ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义,箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=>来定义函数，省去关键字function,需要的朋友可以参考下
    2023-05-05
  • react脚手架配置路径别名的方法

    react脚手架配置路径别名的方法

    本文主要介绍了react脚手架配置路径别名的方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 原生JS实现视频截图功能的示例代码

    原生JS实现视频截图功能的示例代码

    这篇文章主要为大家详细介绍了如何通过原生JavaScript实现视频截图功能,文中的示例代码讲解详细,具有一定的借鉴价值,需要的小伙伴可以参考一下
    2023-11-11
  • 使用JS实现一个功能丰富的待办事项应用

    使用JS实现一个功能丰富的待办事项应用

    在日常工作和生活中,我们经常需要处理各种各样的待办事项,这篇文章主要为大家详细介绍了如何使用JavaScript实现一个功能丰富的待办事项应用,需要的可以了解下
    2024-01-01
  • JavaScript数组各种常见用法实例分析

    JavaScript数组各种常见用法实例分析

    这篇文章主要介绍了JavaScript数组各种常见用法实例分析,包括数组的添加、删除、替换、还原等常见技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • 在JavaScript中获取请求的URL参数

    在JavaScript中获取请求的URL参数

    在ASP.NET后台代码中，对于这样的URL请求地址：http://www.abc.com?id=001,我们可以通过Request.QueryString["id"]的方法很容易的获取到URL中请求的参数的值，但是要在前台js代码中获取请求的参数的值，应该怎么做呢？
    2010-12-12
  • Javascript 继承机制实例

    Javascript 继承机制实例

    说明继承机制最简单的方法是，利用一个经典的例子——几何形状。
    2009-08-08
  • JS 数组 移除 实现代码

    JS 数组 移除 实现代码

    可以移除数组中的值函数 ，用来取出数组中的一些值，间接的修改了数组值。
    2009-07-07
  • javascript函数的节流[throttle]与防抖[debounce]

    javascript函数的节流[throttle]与防抖[debounce]

    这篇文章主要介绍了javascript函数的节流[throttle]与防抖[debounce ]，详细的介绍了节流与防抖的原理和示例，具有一定的参考价值，有兴趣的可以了解一下
    2017-11-11
  • js+canvas实现纸牌游戏

    js+canvas实现纸牌游戏

    这篇文章主要为大家详细介绍了js+canvas实现纸牌游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论