confirm確認(rèn)對(duì)話框的實(shí)現(xiàn)方法總結(jié)
還記得之前的javascript入門(mén)里的講的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)寫(xiě)，那樣的話每一個(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)簽中寫(xiě)：
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)文章
手把手教你 CKEDITOR 4 實(shí)現(xiàn)Dialog 內(nèi)嵌 IFrame操作詳解
這篇文章主要介紹了手把手教你 CKEDITOR 4 實(shí)現(xiàn)Dialog 內(nèi)嵌 IFrame操作,結(jié)合實(shí)例形式分析了CKEDitor4 Dialog內(nèi)嵌IFrame具體操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2019-06-06
Bootstrap網(wǎng)頁(yè)布局網(wǎng)格的實(shí)現(xiàn)
柵格就是網(wǎng)格，本文詳細(xì)的介紹了Bootstrap網(wǎng)頁(yè)布局網(wǎng)格的原理和實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
原生javascript單例模式的應(yīng)用實(shí)例分析
這篇文章主要介紹了原生javascript單例模式的應(yīng)用,結(jié)合實(shí)例形式分析了JavaScript單例模式的基本功能、原理、應(yīng)用及操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
代碼分片是webpck打包工具所特有的一項(xiàng)技術(shù)，通過(guò)這項(xiàng)功能可以把代碼按照特定的形式進(jìn)行拆分，使用戶不必一次全部加載，而是按需加載。本文就來(lái)詳細(xì)介紹，感興趣的可以了解一下2021-07-07
使用three.js 繪制三維帶箭頭線的詳細(xì)過(guò)程
遇到一個(gè)需求，在一個(gè)地鐵場(chǎng)景里展示逃生路線，為了畫(huà)這個(gè)箭頭，我花費(fèi)了很多時(shí)間精力，下面基于使用three.js 繪制三維帶箭頭線的詳細(xì)過(guò)程分享給大家，感興趣的朋友一起看看吧2021-10-10
JS使用單鏈表統(tǒng)計(jì)英語(yǔ)單詞出現(xiàn)次數(shù)
這篇文章主要為大家詳細(xì)介紹了JS使用單鏈表統(tǒng)計(jì)英語(yǔ)單詞出現(xiàn)次數(shù)的相關(guān)資料，列出所有單詞及其出現(xiàn)次數(shù)，感興趣的小伙伴們可以參考一下2016-06-06
事件委托，也叫事件代理，是JavaScript中綁定事件的一種常用技巧。就是將原本需要綁定在子元素的響應(yīng)事件委托給父元素或更外層元素，讓外層元素?fù)?dān)當(dāng)事件監(jiān)聽(tīng)的職務(wù)。本文將詳細(xì)為大家介紹JavaScript事件委托的用法，需要的可以參考一下2022-01-01
JavaScript?位運(yùn)算及實(shí)際應(yīng)用實(shí)例
這篇文章主要為大家介紹了JavaScript位運(yùn)算及實(shí)際應(yīng)用實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-08-08
JS前端知識(shí)點(diǎn)總結(jié)之頁(yè)面加載事件，數(shù)組操作，DOM節(jié)點(diǎn)操作，循環(huán)和分支
這篇文章主要介紹了JS前端知識(shí)點(diǎn)總結(jié)之頁(yè)面加載事件，數(shù)組操作，DOM節(jié)點(diǎn)操作，循環(huán)和分支,結(jié)合實(shí)例形式總結(jié)分析了JS頁(yè)面加載事件，數(shù)組操作，DOM節(jié)點(diǎn)操作，循環(huán)和分支所涉及的相關(guān)事件、函數(shù)及操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
這篇文章主要介紹了12種JavaScript常用的MVC框架比較分析,以獨(dú)特的視角分析了12中常見(jiàn)的JavaScript MVC框架各種優(yōu)缺點(diǎn),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11