如何在 JavaScript 中创建可定制的警报？

JavaScript 中的警报是网页设计中的一个重要组件。它们通常用于通知用户。 SweetAlert2库旨在使基本外观的警报更具吸引力，并为警报提供上下文。 SweetAlert2 的文档和使用示例可以在这里找到。

安装：可以使用以下 CDN 链接包含 SweetAlert2 库：

示例 1：

HTML

  

    Sweet Alert2
  
    
    
    

  

    
        Sweet Alert2 HTML Page
    
      
    
  
        // Make a simple alert
        // with the given text
        Swal.fire(
            'Hey!',
            'Welcome to GeeksForGeeks',
            'success'
        );
    

  

输出：

示例 2：此示例显示了将此库用于点赞按钮的用法。

HTML

  

    Sweet Alert3
  
    
    
    
  
    

  

    
        Sweet Alert3 HTML Page
    
  
    
  
        // Show a more complex alert with
        // the given text and properties
        Swal.fire({
  
            // Specify the title
            // of the alert
            title:
'<strong>Hit the Like Button at GeeksForGeeks</strong>',
            html: '',
  
            // Show a close button
            showCloseButton: true,
            focusConfirm: false,
  
            // Specify the text 
            // for the button
            confirmButtonText:
'<i class="fa fa-thumbs-up"></i> Great!',
            confirmButtonAriaLabel: 
                'Thumbs up, great!',
        })
    

  

输出：