js實現的警告框例項程式碼

admin發表於2017-03-18
JS

警告框是基礎中基礎，比如在簡單的表單驗證的時候，如果沒有通過，就會彈出一個警告框，對於只要稍稍有一點經驗的前端人員都會很熟練它的用法，但是對於初學者可能還不知道，下面是一個程式碼例項:

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){alert("螞蟻部落！");}
}
</script>
</head>
<body>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

以上程式碼，當點選按鈕的時候，可以彈出警告框，很簡單，一看就明白了。

相關文章