当前位置: 首页 > 工具软件 > SweetAlert2 > 使用案例 >

SweetAlert2网页弹窗---JAVASCRIPT弹窗

容俊豪
2023-12-01
一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗,无任何依赖
中文文档地址:http://mishengqiang.com/sweetalert2/
文档地址:https://sweetalert2.github.io/
GitHub项目地址:https://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>
 类似资料: