JavaScript alert()

admin發表於2018-09-18
JavaScript

alert方法會顯示一個帶有指定資訊內容的警告框。

它通常用於提示使用者當前的操作具有一定的非恰當性或者危險性。

特別說明：window物件方法都可以直接使用，無需使用window物件呼叫。

更多關於window內容參閱JavaScript window 物件一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
window.alert(message)

引數解析:

（1）.message：必需，警告框中顯示的內容。

瀏覽器支援:

（1）.IE瀏覽器支援此方法。

（2）.edge瀏覽器支援此方法。

（3）.谷歌瀏覽器支援此方法。

（4）.opera瀏覽器支援此方法。

（5）.火狐瀏覽器支援此方法。

（6）.safria瀏覽器支援此方法。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>螞蟻部落</title>  
<script type="text/javascript"> 
  alert("螞蟻部落一");
  window.alert("螞蟻部落二");
</script> 
</head> 
<body> 
window物件方法可以直接使用，無需window呼叫。    
</body> 
</html>

上面程式碼會挨個彈出警告框。

特別說明：alert警告框會阻塞後面程式碼的執行。

有時候，可能需要將彈出的資訊換行，程式碼演示如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>螞蟻部落</title>  
<script> 
window.onload=function(){
  let obt=document.getElementById("bt");
  obt.onclick=function(){
    let str="(1).認真學習，態度決定一切。\n(2).螞蟻部落真的不錯"
    alert(str);
  }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="檢視效果"/>    
</body> 
</html>

程式碼執行效果截圖如下：

螞蟻部落演示

如果換行的請使用\n，千萬不要誤以為使用<br>，這是HTML種的換行，而不是JavaScript。

相關文章