Window alert() 方法

定义和用法

alert() 方法显示带有消息和确定按钮的警告框。

如果您希望将信息传递给用户,可使用 alert() 方法。

提示

警告框将焦点从当前窗口移开,并强制用户阅读消息。

请不要过度使用这种方法。它会阻止用户访问页面的其他部分,直到警报框关闭。

另请参阅:

confirm() 方法

prompt() 方法

实例

例子 1

显示警告框:

alert("Hello! I am an alert box!!");

亲自试一试

例子 2

带换行符的警报框:

alert("Hello\nHow are you?");

亲自试一试

例子 3

提示当前 URL 的主机名:

alert(location.hostname);

亲自试一试

语法

alert(message)

参数

参数 描述
message 可选。要在警报框中显示的文本。

返回值

无。

技术细节

说明

alert() 方法将在对话框中把指定的 message 显示给用户。该对话框含有确认按钮,用户可以单击该按钮来关闭对话框。对话框通常是有模式的,在用户关闭该对话框之前,alert() 的调用将暂停执行。

习惯用法

在用户给某些表单元素输入了无效信息是,会显示出错消息,这也许是 alert() 方法最常见的用法了。警告对话框可以把问题告诉用户,并且提示用户应该修正什么才能避免这一错误。

alert() 方法对话框的外观由平台决定,不过通常它都有表示错误、警告和某种警告信息的图形。尽管 alert() 可以显示任何消息,但是对话框的警告图形却意味着该方法不适合显示简单的信息性消息,比方“欢迎访问我的网站”等。

注意

对话框中显示的 message 是纯文本串,而不是 HTML 格式的字符串。可以在这个字符串中使用换行符 \n,将消息放在多行显示。也可以使用空格来实现一些基本的格式化,还可以使用带下划线的字符来模拟水平标尺,不过所能达到的最终效果很大程度上依赖对话框使用的字体,因此它是依赖于系统的。

浏览器支持

所有浏览器都支持 alert()

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持