如何在HTML中设计警报框

Question

当我使用

时，它会显示一个简单的警报框

<button onclick="alert('AlertBox')">ClikMe</button>

但他们是否有任何方法可以设置一个提示框，有额外的bg颜色和一些额外的效果？

Answer 1

使用Sweet Alert

或者使用固定位置显示无显示div，并在javascript中单击按钮更改div显示为阻止

Answer 2

以下是Sweet Alert的帮助下的Designed Alert Box的详细示例

http://javainfinite.com/html/custom-designed-alerts/

Answer 3

javascript alert（）是一个系统消息框，它将在显示时阻止您的页面，并且在不同的操作系统上看起来会有所不同。

您要查找的内容通常称为对话框或模式弹出窗口，它们是使用html和javascript构建的，看起来好像后面的页面被阻止或变灰了。

如果您刚开始，可以看一些示例，例如： https://www.w3schools.com/howto/howto_css_modals.asp 这些都是从头开始构建的。

或者您可以随意使用Bootstrap之类的CSS，它具有这些组件和其他组件来帮助您设计网站或应用程序。 例如：https://getbootstrap.com/docs/4.3/components/modal/