简单的使用前端弹框提醒的toastr组件

今天写前端页面一个弹框提醒功能的使用使用 layUI插件遇到了一个问题，由于页面加载时JS内有top.layer.closeAll()函数，导致提醒的弹框总是一闪而过，Js内return false又会影响后面程序的运行，后来引用了toastr这个组件，个人感觉简单有方便，尤其适用于Ajax回调函数内提醒，下面记录使用步骤仅作为个人学习做个笔记，小白不是很会前端的东西，

一 ：下载组件

二：页面引入

<script src="<%=path%>/res/toastr/toastr.min.js"></script>
<link rel="stylesheet" href="<%=path%>/res/toastr/toastr.min.css">

三：直接就能使用了

toastr.options = {
                              "closeButton": false,
                              "debug": false,
                              "newestOnTop": false,
                              "progressBar": false,
                              "positionClass": "toast-bottom-center",
                              "preventDuplicates": false,
                              "onclick": null,
                              "showDuration": "300",
                              "hideDuration": "1000",
                              "timeOut": "4000",
                              "extendedTimeOut": "1000",
                              "showEasing": "swing",
                              "hideEasing": "linear",
                              "showMethod": "fadeIn",
                              "hideMethod": "fadeOut"
                          }
 Command: toastr["info"](" 写入你想要弹出的内容")

四：上面的参数时可以修改的，具体修改参数我也不是特别清楚，度娘就可以了