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