SweetAlert2网页弹窗---JAVASCRIPT弹窗

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

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

###### 中文文档地址:[http://mishengqiang.com/sweetalert2/][http_mishengqiang.com_sweetalert2] ######

###### 文档地址:[https://sweetalert2.github.io/][https_sweetalert2.github.io] ######

###### GitHub项目地址:[https://github.com/sweetalert2/sweetalert2][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>

[http_mishengqiang.com_sweetalert2]: http://mishengqiang.com/sweetalert2/
[https_sweetalert2.github.io]: https://sweetalert2.github.io/
[https_github.com_sweetalert2_sweetalert2]: https://github.com/sweetalert2/sweetalert2