超好用的JS弹窗库 sweetalert2

最新推荐文章于 2024-09-13 15:46:37 发布

程序之路2020/6/3

最新推荐文章于 2024-09-13 15:46:37 发布

阅读量219

点赞数

文章标签： javascript 前端 html 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_45129599/article/details/128802462

版权

本文详细介绍了如何在网页中使用SweetAlert2库创建一个具有确认和取消选项的弹窗，用于模拟用户注册过程，包括HTML、CSS和JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码地址：https://github.com/sweetalert2/sweetalert2/

代码

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    Swal.fire({
        title: '<strong>确定现在注册嘛？</strong>',
        icon: 'info',
        html:
            '您现在还可以 <b>尝试取消</b>, ' +
            '<a href="//sweetalert2.github.io">links</a> ' +
            '以回看您的注册信息',
        showCloseButton: true,
        showCancelButton: true,
        focusConfirm: false,
        confirmButtonText:
            '<i class="fa fa-thumbs-up"></i> 确定注册!',
        confirmButtonAriaLabel: 'Thumbs up, great!',
        cancelButtonText:
            '<i class="fa fa-thumbs-down"></i> 取消注册!',
        cancelButtonAriaLabel: 'Thumbs down'
    })
</script>