使用 window.alert()

alert 方法在屏幕上显示可视警报框。alert 方法参数以文本显示给用户 :

window.alert(message);

因为 window 是全局对象,所以你也可以使用以下简写:

alert(message);

那么 window.alert() 做什么?好吧,我们来看下面的例子:

alert('hello, world');

在 Chrome 中,会生成如下弹出窗口: StackOverflow 文档

笔记

alert 方法在技术上是 window 对象的属性,但由于所有 window 属性都是自动全局变量,我们可以使用 alert 作为全局变量而不是 window 的属性 - 这意味着你可以直接使用 alert() 而不是 window.alert()

与使用 console.log 不同,alert 充当模态提示,意味着调用 alert 的代码将暂停,直到回答提示。传统上,这意味着在解除警报之前不会执行任何其他 JavaScript 代码

alert('Pause!');
console.log('Alert was dismissed');

但是,即使仍然显示模式对话框,规范实际上也允许其他事件触发的代码继续执行。在这样的实现中,可以在显示模态对话框时运行其他代码。

有关 alert 方法用法的更多信息可以在模态提示主题中找到。

通常不鼓励使用警报,以支持不阻止用户与页面交互的其他方法 - 以便创建更好的用户体验。不过,它对调试很有用。

从 Chrome 46.0 开始,window.alert()<iframe> 内被阻止,除非其 sandbox 属性具有值 allow-modal