SweetAlert2网页弹窗---JAVASCRIPT弹窗

ゞ浴缸里的玫瑰 2022-09-04 14:53 289阅读 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

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery中使用SweetAlert使弹窗更漂亮

场景一个漂亮的、响应性强、可定制的、可访问的JAVASCRIPT弹出框的替代。效果 ![Image 1][]![watermark_type_ZmFuZ3po

短命女/ 2023年10月18日 19:21/ 0 赞/ 115 阅读

相关样式集（八）弹窗，规则弹窗，半透明弹窗

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

待我称王封你为后i/ 2022年11月05日 05:27/ 0 赞/ 290 阅读

相关 SweetAlert2网页弹窗---JAVASCRIPT弹窗

一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗，无任何依赖中文文档地址:[http://mishengqiang.com/swe

ゞ浴缸里的玫瑰/ 2022年09月04日 14:53/ 0 赞/ 290 阅读

相关 SweetAlert2一个前端最好用的弹窗

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl

深碍√TFBOYSˉ_/ 2022年07月13日 05:43/ 0 赞/ 214 阅读

相关网页弹窗代码特效大全

经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特

谁践踏了优雅/ 2022年07月11日 15:56/ 0 赞/ 439 阅读

相关弹窗popWindow

窗口背景透明，设置背景透明度 \aarrggbb aa的大小影响窗口透明度的大小 PopupWindow window; View v = this.

野性酷女/ 2022年06月15日 09:24/ 0 赞/ 354 阅读

相关 js弹窗

js的三种最常见的对话框 \[javascript\] [view plain][][copy][view plain] 1. //==================

布满荆棘的人生/ 2022年06月10日 09:47/ 0 赞/ 288 阅读

相关网页弹预览窗 ----------gxy

不废话先上图： ![这里写图片描述][70] ![这里写图片描述][70 1] 大概就是实现了点击播放按钮弹出一个窗口来进行播放。这个当然可以用window.op

比眉伴天荒/ 2022年05月28日 01:00/ 0 赞/ 251 阅读

相关 easyui 弹窗

<div id="dd" class="easyui-dialog" title="My Dialog" style="width: 400px; height: 10

ゝ一世哀愁。/ 2022年05月22日 12:25/ 0 赞/ 283 阅读

相关网页弹窗

layer 强烈推荐 [layer官方演示与讲解（jQuery弹出层插件）][layer_jQuery] 手动实现警告框最不推荐的 $(".close"

一时失言乱红尘/ 2022年02月02日 12:43/ 0 赞/ 372 阅读