JavaScript confirm()

admin發表於2018-09-18
JavaScript

confirm 翻譯成中文具有 "確認" 或者 "批准" 的意思。

顧名思義，呼叫 confirm() 方法可以彈出一個確認框或者批准框。

通俗的講，此方法的功能就是詢問一下你 "yes"or "no"，然後你給出答覆。

彈出框具有 "確定" 和 "取消" 兩個按鈕，點選確定，返回 true ，點選取消，返回 false。

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

語法結構：

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

引數解析:

（1）.message：必需，規定要顯示的文字。

瀏覽器支援：

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

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

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

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

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

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

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
div { 
  width: 120px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 2px;
  text-align: center;
  font-size: 12px;
  color:green;
  border :2px dotted #ccc;
}
</style>
<script> 
window.onload = ()=> { 
  let oDiv=document.getElementById("ant");
  let oBt=document.getElementById("bt"); 
  oBt.onclick=function(){ 
    if (confirm("是否將文字寫入div？")) {
        oDiv.innerHTML = "螞蟻部落";
    }
  } 
} 
</script> 
</head> 
<body> 
  <div id="ant"></div>
  <input type="button" value="檢視演示" id="bt"/> 
</body> 
</html>

下面對上述程式碼進行一下簡單分析：

（1）.點選按鈕會執行 click 時間處理函式。

（2）.指定到 if 語句時，呼叫 confirm()方法，彈出如下對話方塊：

a:3:{s:3:\"pic\";s:43:\"portal/202003/27/211936pstwbf3xz2tzsbfz.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

特別說明：不同的瀏覽器，彈出確認框的外觀可能會有所不同。

（3）.點選確認按鈕（相當會回答yes），confirm() 返回 true，那麼 if 語句條件成立，將文字寫入 div。

（4）.點選取消按鈕（相當會回答no），confirm() 返回 false，那麼if 語句條件不成立。

相關文章