Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Bootstrap JS 警告


JS 警告 (alert.js)

警告插件包含关闭警告消息的选项和方法。

有关警告的教程,请阅读我们的 Bootstrap 警告教程


警告插件类

描述 示例
.alert 创建一个警告消息框 试试看
.alert-danger 红色警告。表示危险或潜在的负面行动 试试看
.alert-dismissible 表示可关闭的警告框。与.close 类一起使用,此类用于关闭警告(添加额外填充) 试试看
.alert-info 浅蓝色警告。表示中立的通知性更改或操作 试试看
.alert-link 用于警告内的链接,以提供匹配的彩色链接 试试看
.alert-success 绿色警告。表示成功或积极的行动 试试看
.alert-warning 黄色警告。表示此操作应谨慎 试试看
.close 为警告消息设置关闭按钮的样式(右浮动,指定字体大小、颜色等) 试试看

通过 data-* 属性关闭警告

data-dismiss="alert" 添加到链接或按钮元素以关闭警告消息。

示例

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
自己试试 »


通过 JavaScript 关闭警告

使用以下方法手动关闭

示例

$('.close').alert();
自己试试 »

警告选项

警告方法

下表列出了所有可用的警告方法。

方法 描述 试试看
.alert("close") 关闭警告消息 试试看

警告事件

下表列出了所有可用的警告事件。

事件 描述 试试看
close.bs.alert 当警告消息即将关闭时发生 试试看
closed.bs.alert 当警告消息已关闭时发生 试试看

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.