消息提示插件Toastr.js和Messenger组件的比较与选择

消息提示插件Toastr.js和Messenger组件是用于开发Web应用时的消息提示组件，它们都有自己的特点，两者都是比较流行的消息提示组件，但是在实际开发中，应该如何选择呢？

Toastr.js

Toastr.js是一个轻量级的消息提示插件，支持IE8+，可以用来提示用户操作结果，它有以下几个特点：

• 支持多种消息类型：Toastr.js支持多种消息类型，包括success、info、warning、error，可以根据不同的消息类型显示不同的消息框；
• 支持自定义：Toastr.js支持自定义消息框的样式，可以设置消息框的背景颜色、文字颜色、边框颜色等等；
• 支持自动关闭：Toastr.js支持设置消息框自动关闭的时间，可以让消息框自动关闭，不需要用户手动关闭；
• 支持自定义回调函数：Toastr.js支持设置回调函数，当消息框关闭时，可以执行自定义的回调函数；
• 支持自定义位置：Toastr.js支持设置消息框的位置，可以让消息框显示在指定的位置；

// 使用Toastr.js
// 引入Toastr.js文件


// 显示消息框
toastr.success('操作成功！');

// 设置自定义参数
toastr.options = {
  "closeButton": true,
  "debug": false,
  "newestOnTop": false,
  "progressBar": false,
  "positionClass": "toast-top-right",
  "preventDuplicates": false,
  "onclick": null,
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "5000",
  "extendedTimeOut": "1000",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut"
}

Messenger组件

Messenger组件是一个功能强大的消息提示组件，支持IE8+，可以用来提示用户操作结果，它有以下几个特点：

• 支持多种消息类型：Messenger组件支持多种消息类型，包括success、info、warning、error，可以根据不同的消息类型显示不同的消息框；
• 支持自定义：Messenger组件支持自定义消息框的样式，可以设置消息框的背景颜色、文字颜色、边框颜色等等；
• 支持自动关闭：Messenger组件支持设置消息框自动关闭的时间，可以让消息框自动关闭，不需要用户手动关闭；
• 支持自定义回调函数：Messenger组件支持设置回调函数，当消息框关闭时，可以执行自定义的回调函数；
• 支持多种消息框类型：Messenger组件支持多种消息框类型，可以让消息框显示在指定的位置；
• 支持自定义按钮：Messenger组件支持设置自定义按钮，可以在消息框上添加自定义的按钮，实现更多功能；