confirm確認對話框的實現(xiàn)方法總結(jié)
還記得之前的javascript入門里的講的confirm 消息對話框嗎？不記得也沒關(guān)系，我們先來回顧一下，然后在詳細講它。
復(fù)習(xí)：
confirm 消息對話框通常用于允許用戶做選擇的動作，如：“你對嗎？”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。
語法：
confirm(str);
參數(shù)說明:
str：在消息對話框中要顯示的文本返回值: Boolean值返回值:
當(dāng)用戶點擊"確定"按鈕時，返回true當(dāng)用戶點擊"取消"按鈕時，返回false注: 通過返回值可以判斷用戶點擊了什么按鈕
看下面的代碼:
<script type="text/javascript">
var mymessage=confirm("你喜歡JavaScript嗎?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能強大，要學(xué)習(xí)噢!"); }
</script>
結(jié)果:
注: 消息對話框是排它的，即用戶在點擊對話框按鈕前，不能進行任何其它操作。
任務(wù)
使用confirm()提示框，當(dāng)點擊按鈕時，完成性別確認。
<!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>
結(jié)果：
延伸：
之前有說過，功能的話最好用函數(shù)來寫，那樣的話每一個函數(shù)都是一個功能，以后有用到這些功能的話，就可以直接用了。即復(fù)用。所以要習(xí)慣這樣哦。。。。。。
就像上面那個例子
<script language="JavaScript">
function confirm (){
var msg=confirm("你是女士!");
if(msg==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</script>
然后給input調(diào)用函數(shù)，加個onClick="confirm ()"最后對javascript window.confirm做個小結(jié)
第一種：
就是上面我們提到的那種方法
<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="點擊我，彈出確認對話框" />
第二種：
在標(biāo)簽中寫：
1.
<a href="javascript:if(confirm('確實要刪除該內(nèi)容嗎?')) location='#'">刪除</a>
2 .
<a href="#" onclick= "if(confirm( '確實要刪除該內(nèi)容嗎?')==false)return false; ">點擊確定</a>
想簡單點調(diào)用的話 也可以這樣
代碼如下:
<a href="#" onclick= "return confirm('確實要刪除該內(nèi)容嗎?');">刪除</a>
第三種：
<script language="JavaScript">
function del_confirm(e)
{
if (event.srcElement.outerText == "刪除")
{
event.returnValue = confirm("刪除是不可恢復(fù)的，你確認要刪除嗎？");
}
}
document.onclick = delete_confirm;
</script>
<a href="#" onClick="del_confirm">刪除</a>
第四種：
<script language="JavaScript">
function del_confirm()
{
event.returnValue = confirm("刪除是不可恢復(fù)的，你確認要刪除嗎？");
}
</script>
<a onClick="del_confirm()">刪除</a>
以上就是小編為大家?guī)淼腸onfirm確認對話框的實現(xiàn)方法總結(jié)全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)翻牌小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了ES6中的箭頭函數(shù),結(jié)合實例形式詳細分析了ES6中箭頭函數(shù)的基本語法、特性、使用方法與相關(guān)注意事項,需要的朋友可以參考下2017-04-04
讓背景如此暗淡（一種彈出提示信息時頁面背景色調(diào)改變的方法）
讓背景如此暗淡（一種彈出提示信息時頁面背景色調(diào)改變的方法）...2006-10-10
JavaScript中函數(shù)聲明與函數(shù)表達式的區(qū)別詳解
可能很多朋友只知道兩種聲明方式一個是函數(shù)聲明一個是函數(shù)表達式，具體有什么不同沒能說得很好。事實上，JavaScript的解析器對函數(shù)聲明與函數(shù)表達式并不是一視同仁地對待的。下面看看這兩者到底有什么不同。2016-08-08
本篇文章主要分享了canvas實現(xiàn)繪制吃豆魚效果的示例代碼，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
JS中showModalDialog 的使用解析，需要的朋友可以參考一下2013-04-04
JavaScript isArray()函數(shù)判斷對象類型的種種方法
我們知道，JavaScript中檢測對象類型的運算符有：typeof、instanceof，還有對象的constructor屬性2010-10-10
JavaScript仿微信（電話）聯(lián)系人列表滑動字母索引實例講解（推薦）
這篇文章主要介紹了仿微信（電話）聯(lián)系人列表滑動字母索引實例,通過for循環(huán)進行判斷，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下。2017-08-08
js控制href內(nèi)容的連接內(nèi)容的變化示例
這篇文章主要介紹了使用js控制href內(nèi)容的連接內(nèi)容的變化,需要的朋友可以參考下2014-04-04
利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果
本文將詳細介紹利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下2012-11-11