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
支持 支持 支持 支持 支持 支持