js確認(rèn)框confirm()用法實(shí)例詳解
先為大家介紹javascript確認(rèn)框的三種使用方法,具體內(nèi)容如下
第一種方法:挺好用的,確認(rèn)以后才能打開(kāi)下載地址頁(yè)面。原理也比較清晰。主要用于刪除單條信息確認(rèn)。
<SCRIPT LANGUAGE=javascript> function del() { var msg = "您真的確定要?jiǎng)h除嗎?\n\n請(qǐng)確認(rèn)!"; if (confirm(msg)==true){ return true; }else{ return false; } } </SCRIPT>
調(diào)用方法:
<a href="del.php?id=123" onclick="javascript:return del()">刪 除</a>
第二種方法:原理跟上面的一樣。JavaScript刪除確認(rèn)框
<a href="javascript:if(confirm('確實(shí)要?jiǎng)h除嗎?'))location='jb51.php?id='">刪除</a>
第三種方法:主要用于批量刪除的確認(rèn)提示
<input name="Submit" type="submit" class="inputedit" value="刪除" onclick="{if(confirm('確定紀(jì)錄嗎?')){ this.document.formname.submit(); return true;}return false; }"> <input name="按鈕" type="button" ID="ok" onclick="{if(confirm('確定刪除嗎?')){ window.location='Action.asp?Action=Del& TableName=Item& ID=<%=ID%>'; return true; }return false;}" value="刪除欄目" />
再為大家分享一個(gè)實(shí)例:js的確認(rèn)框confirm()代碼實(shí)例
效果圖:
confirm()確認(rèn)框在網(wǎng)頁(yè)中比較常用,當(dāng)然有些美觀度要求比較高的網(wǎng)頁(yè)可能需要自定義這樣的功能,下面就來(lái)介紹一下window對(duì)象的confirm()函數(shù)的用法,下面縣看一段代碼實(shí)例,因?yàn)闆](méi)有什么再比這個(gè)更直觀了。
<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>confirm()代碼實(shí)例</title> <script type="text/javascript"> window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){ if(confirm("真的要?jiǎng)h除嗎?")){ alert("點(diǎn)擊了確認(rèn)按鈕"); } else{ alert("點(diǎn)擊了取消按鈕"); } } } </script> </head> <body> <input type="button" id="bt" value="點(diǎn)擊彈出確認(rèn)框" /> </body> </html>
以上代碼是一個(gè)confirm的簡(jiǎn)單實(shí)例,可以很清晰的演示confirm()的作用,下面做一些總結(jié):
1.confirm()函數(shù)中的參數(shù)是確認(rèn)框的提示語(yǔ)。
2.此函數(shù)返回值是布爾型的,點(diǎn)擊確定,返回值為true,點(diǎn)擊取消返回值為false。
以上就是關(guān)于js確認(rèn)框confirm()用法的實(shí)例,內(nèi)容很豐富,希望大家喜歡。
相關(guān)文章
JavaScript設(shè)計(jì)模式之門面模式原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之門面模式原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了門面模式的原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03微信小程序?qū)崿F(xiàn)簡(jiǎn)單的吸頂效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單的吸頂效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05OfflineSave離線保存代碼再次發(fā)布使用說(shuō)明
OfflineSave離線保存代碼再次發(fā)布使用說(shuō)明...2007-05-05layui前端框架之table表數(shù)據(jù)的刷新方法
今天小編就為大家分享一篇layui前端框架之table表數(shù)據(jù)的刷新方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08Three.js實(shí)現(xiàn)3D機(jī)房效果
這篇文章主要為大家詳細(xì)介紹了Three.js實(shí)現(xiàn)3D機(jī)房效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12JS 清除字符串?dāng)?shù)組中,重復(fù)元素的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS 清除字符串?dāng)?shù)組中,重復(fù)元素的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05詳解js中構(gòu)造流程圖的核心技術(shù)JsPlumb
這篇文章主要介紹了js中構(gòu)造流程圖的核心技術(shù)JsPlumb,jsPlumb是一個(gè)強(qiáng)大的JavaScript連線庫(kù),它可以將html中的元素用箭頭、曲線、直線等連接起來(lái),適用于開(kāi)發(fā)Web上的圖表、建模工具等,需要的朋友可以參考下2015-12-12JavaScript實(shí)現(xiàn)煙花特效(面向?qū)ο?
這篇文章主要為大家詳細(xì)介紹了JavaScript使用面向?qū)ο缶幊虒?shí)現(xiàn)煙花特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08區(qū)分JS中的undefined,null,"",0和false
區(qū)分JS中的undefined,null,"",0和false...2007-03-03