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