使用 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