js confirm()程式碼例項

antzone發表於2017-03-14
原文網址 : https://www.softwhy.com/article-3206-1.html
JS

確認框在網頁中比較常用，當然有些美觀度要求比較高的網頁可能需要自定義這樣的功能，下面就來介紹一下window物件的confirm()函式的用法，下面縣看一段程式碼例項，因為沒有什麼再比這個更直觀了。

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>confirm()程式碼例項-螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    if(confirm("真的要刪除嗎?")){
      alert("點選了確認按鈕");
    }
    else{
      alert("點選了取消按鈕");
    }
  }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="點選彈出確認框" />
</body> 
</html>

以上程式碼是一個confirm的簡單例項，可以很清晰的演示confirm()的作用，下面做一些總結:

1.confirm()函式中的引數是確認框的提示語。

2.此函式返回值是布林型的，點選確定，返回值為true，點選取消返回值為false。

相關閱讀:

1.confrim()函式可以參閱window confirm()一章節。

2.關於自定義confirm確認框可以參閱自定義confirm確定框效果一章節。

相關文章