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