SweetAlert2网页弹窗---JAVASCRIPT弹窗

ゞ浴缸里的玫瑰 2022-09-04 14:53 355阅读 0赞

一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗，无任何依赖

中文文档地址//mishengqiang.com/sweetalert2/

文档地址//sweetalert2.github.io/

GitHub项目地址//github.com/sweetalert2/sweetalert2

网站内教程十分详细就不再过多赘述

示例代码如下

<!DOCTYPE html>
<html lang="zh">
<head>
    <script src="https://cdn.bootcdn.net/ajax/libs/limonte-sweetalert2/11.1.0/sweetalert2.all.js"></script>
    <script>
        window.onload = function () {
            Swal.fire(
                {
                    title: '<i>HTML</i> <u>示例</u>',
                    type: 'info',
                    html:
                        '你可以使用<b>粗体文本</b>, ' + '<br>' +
                        '<a href="//github.com">链接</a> ' +
                        '和其它的HTML标签',
                    showCloseButton: true,
                    showCancelButton: true,
                    confirmButtonText:
                        '<i class="fa fa-thumbs-up"></i> 太棒了！',
                    cancelButtonText:
                        '<i class="fa fa-thumbs-down"></i> 晓得了'
                }
            )
        }
    </script>
</head>
<body>
</body>
</html>