swal如何加入html语言,Sweet Alert弹窗点击确定后执行页面跳转等操作

可不可以点击 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弹窗点击确定后执行页面跳转等操作相关推荐

【c语言】 gets()函数不执行/被跳过
同样是做大一小孩的作业有一道题是要求输入10本图书信息,并查找指定书名和价格高于某个数值的图书信息. #include<stdio.h> #include<string.h> ...
软件测试面试题：如何处理一个alert弹窗？
如何处理一个alert弹窗? 处理alert弹窗,需要先跳转到alert上,然后在点击确定或者取消按钮,最后返回到原始的页面,例如:String mainPage = driver.getWindow ...
自动化测试之alert弹窗的切换
进入页面,定位元素,成功 hello_el=driver.find_element_by_path('//p[@id="hello"]') 点击 hello_el.click() ...
原生 js 模拟 alert 弹窗
复制头部的 js 代码到你的 js 文件的任何地方,调用Chef.alert方法传入相应的参数即可并没有什么功能,只是一个提示的作用,可能样式比 alert 的弹窗好看点,css是写在js里的,只要你 ...
如何主动触发时间选择器弹窗_请合理使用Alert弹窗
最近做了不少产品的竞品分析,执行一些操作时不免遇到各式各样的模态弹窗,有些弹窗总是意想不到的出现,令我抓狂,导致我不得不认真阅读弹窗内的文字信息,并作出选择:有时候我会习惯性点击右侧的按钮,发现操作后 ...
Selenium alert 弹窗处理
页面弹窗有 3 种类型: alert(警告信息) confirm(确认信息) prompt(提示输入) 对于页面出现的 alert 弹窗,Selenium 提供如下方法: 序号方法/属性描述 1 ...
js alert弹窗函数
javascript alert弹窗函数 js中的alert函数是指在浏览器中弹出一个提示框. 通常alert用来检验程序运行的状态.可以用来起到调试作用. 具体用法如下 |<html> ...
VUE3（二十四）自定义alert弹窗组件
我这里自定义了几个alert弹窗组件: 1:带有确定取消的alert弹窗组件:效果如下图所示代码: /*** 自定义公共函数*/ const utils = {/*** @name: 自定义aler ...
RF之处理鼠标悬停和alert弹窗事件
在selenium webdriver中有很多资料提到了处理鼠标悬停事件和对弹窗的处理,robotframework webdriver中很少有这方面的资料,就我遇到的来做一个笔记,也好方法以后的同学 ...

swal如何加入html语言,Sweet Alert弹窗点击确定后执行页面跳转等操作

swal如何加入html语言,Sweet Alert弹窗点击确定后执行页面跳转等操作相关推荐

最新文章

热门文章