可不可以點擊 Sweet Alert 彈窗的確定按鈕后跳轉頁面呢？答案是可以的：

首先參考上文，引入?Sweet Alert 所需的文件，我這里寫了一個修改密碼的確認框。

點及修改后，會彈出修改成功提示，再點擊重新登陸按鈕，跳轉登錄頁面。

添加一個頁面跳轉的代碼就可以了。.then(function?()?{

window.location.href?=?"/login.html"

})

代碼如下：swal({

title:?"您確定要修改密碼嗎",

text:?"修改后，請使用新密碼登陸！",

type:?"warning",

showCancelButton:?true,

confirmButtonColor:?"#DD6B55",

confirmButtonText:?"修改",

cancelButtonText:?"取消",

closeOnConfirm:?false

}).then(function?()?{

swal({

title:"修改成功！",

text:?"請使用新密碼登陸。",

type:?"success",

confirmButtonText:?"重新登陸",

}).then(function?()?{

window.location.href?=?"/login.html"

})

})

下面的代碼也可以用，不過規范的話還是用上面的：swal({

title:?"您確定要修改密碼嗎",

text:?"修改后，請使用新密碼登陸！",

type:?"warning",

showCancelButton:?true,

confirmButtonColor:?"#DD6B55",

confirmButtonText:?"修改",

cancelButtonText:?"取消",

closeOnConfirm:?false

},?function?()?{

swal({

title:"修改成功！",

text:?"請使用新密碼登陸。",

type:?"success",

confirmButtonText:?"重新登陸",

},?function?()?{

window.location.href?=?"/login.html"

})

})

.then字面意思就是上一步執行完了，執行下一步，不過這是 Promise 對象的方法，非 Promise 對象沒有 then 方法。在 jQuery 中 Promise 叫作 Deferred 對象。

總結

以上是生活随笔為你收集整理的swal如何加入html语言,Sweet Alert弹窗点击确定后执行页面跳转等操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。