使用 window.alert()
alert
方法在屏幕上显示可视警报框。alert 方法参数以纯文本显示给用户 :
window.alert(message);
因为 window
是全局对象,所以你也可以使用以下简写:
alert(message);
那么 window.alert()
做什么?好吧,我们来看下面的例子:
alert('hello, world');
在 Chrome 中,会生成如下弹出窗口:
笔记
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 。