layer如何實現關閉當前窗口頁面以及確認取消按鈕的方法

這篇文章主要為大家展示了“layer如何實現關閉當前窗口頁面以及確認取消按鈕的方法”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“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如何實現關閉當前窗口頁面以及確認取消按鈕的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！