還記得之前的javascript入門里的講的confirm 消息對話框嗎？不記得也沒關系，我們先來回顧一下，然后在詳細講它。
復習：
confirm 消息對話框通常用于允許用戶做選擇的動作，如：“你對嗎？”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。
語法：
confirm(str);
參數說明:
str：在消息對話框中要顯示的文本返回值: Boolean值返回值:
當用戶點擊"確定"按鈕時，返回true當用戶點擊"取消"按鈕時，返回false注: 通過返回值可以判斷用戶點擊了什么按鈕
看下面的代碼:
<script type="text/javascript"> var mymessage=confirm("你喜歡JavaScript嗎?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能強大，要學習噢!"); }</script>結果:
注: 消息對話框是排它的，即用戶在點擊對話框按鈕前，不能進行任何其它操作。
任務
使用confirm()提示框，當點擊按鈕時，完成性別確認。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>confirm</title> <script type="text/javascript"> function rec(){ var mymessage=confirm("你是女士!"); if(mymessage==true) { document.write("你是女士!"); } else { document.write("你是男士!"); } } </script></head><body> <input name="button" type="button" onClick="rec()" value="點擊我，彈出確認對話框" /></body></html>
結果：
延伸：
之前有說過，功能的話最好用函數來寫，那樣的話每一個函數都是一個功能，以后有用到這些功能的話，就可以直接用了。即復用。所以要習慣這樣哦。。。。。。
就像上面那個例子
<script language="JavaScript">function confirm (){ var msg=confirm("你是女士!"); if(msg==true) { document.write("你是女士!"); } else { document.write("你是男士!"); } } </script>然后給input調用函數，加個onClick="confirm ()"最后對javascript window.confirm做個小結
第一種：
就是上面我們提到的那種方法
<script language="JavaScript"> function confirm (){ var msg=confirm("你是女士!"); if(msg==true) { document.write("你是女士!"); } else { document.write("你是男士!"); } } </script><input name="button" type="button" onClick="confirm()" value="點擊我，彈出確認對話框" />
第二種：
在標簽中寫：
1.
<a href="javascript:if(confirm('確實要刪除該內容嗎?')) location='#'">刪除</a>2 .
<a href="#" onclick= "if(confirm( '確實要刪除該內容嗎?')==false)return false; ">點擊確定</a>
想簡單點調用的話 也可以這樣
代碼如下:
<a href="#" onclick= "return confirm('確實要刪除該內容嗎?');">刪除</a>第三種：
<script language="JavaScript">function del_confirm(e){if (event.srcElement.outerText == "刪除"){event.returnValue = confirm("刪除是不可恢復的，你確認要刪除嗎？");}}document.onclick = delete_confirm;</script>
<a href="#" onClick="del_confirm">刪除</a>
第四種：
<script language="JavaScript">function del_confirm(){event.returnValue = confirm("刪除是不可恢復的，你確認要刪除嗎？");}</script><a onClick="del_confirm()">刪除</a>
以上就是小編為大家帶來的confirm確認對話框的實現方法總結全部內容了，希望大家多多支持武林網~
新聞熱點
疑難解答
