首頁 > web前端 > js教程 > js確認框confirm()用法實例詳解

js確認框confirm()用法實例詳解

不言
發布: 2018-05-02 10:15:46
原創
2694 人瀏覽過

這篇文章主要針對js確認框confirm()用法進行實例講解,介紹了javascript確認框的三種使用方法,有興趣的小夥伴們可以參考一下

先為大家介紹javascript確認框的三種使用方法,具體內容如下

第一種方法:挺好用的,確認以後才能開啟下載位址頁。原理也比較清晰。主要用於刪除單一訊息確認。

<SCRIPT LANGUAGE=javascript> 
function del() { 
 var msg = "您真的确定要删除吗?\n\n请确认!"; 
 if (confirm(msg)==true){ 
  return true; 
 }else{ 
  return false; 
 } 
} 
</SCRIPT>
登入後複製

呼叫方法:

 <a href="del.php?id=123" onclick="javascript:return del()">删 除</a>
登入後複製

第二種方法:原理跟上面的一樣。 JavaScript刪除確認框

<a href="javascript:if(confirm(&#39;确实要删除吗?&#39;))location=&#39;jb51.php?id=&#39;">删除</a>
登入後複製

#第三種方法:主要用於批次刪除的確認提示

<input name="Submit" type="submit" class="inputedit" value="删除" 
 onclick="{if(confirm(&#39;确定纪录吗?&#39;)){
  this.document.formname.submit();
  return true;}return false;
 }"> 
<input name="按钮" type="button" ID="ok" onclick="{if(confirm(&#39;确定删除吗?&#39;)){
 window.location=&#39;Action.asp?Action=Del&
 TableName=Item&
 ID=<%=ID%>&#39;;
 return true;
}return false;}" value="删除栏目" />
登入後複製

#再為大家分享一個實例:js的確認框confirm()程式碼實例

效果圖:

confirm()確認方塊在網頁中比較常用,當然有些美觀度要求比較高的網頁可能需要自訂這樣的功能,下面就來介紹一下window物件的confirm()函數的用法,下面縣看一段程式碼實例,因為沒有什麼再比這個更直觀了。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>confirm()代码实例</title> 
<script type="text/javascript"> 
window.onload=function(){
 var bt=document.getElementById("bt");
 bt.onclick=function(){
  if(confirm("真的要删除吗?")){
   alert("点击了确认按钮");
  }
  else{
   alert("点击了取消按钮");
  }
 }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="点击弹出确认框" />
</body> 
</html>
登入後複製

以上程式碼是一個confirm的簡單實例,可以很清晰的示範confirm()的作用,下面做一些總結:
1.confirm()函數中的參數是確認框的提示語。
2.此函數傳回值是布林型的,點選確定,傳回值為true,點選取消回傳值為false。

相關推薦:

Bootstrap自訂confirm的提示效果分享

JavaScript中confirm()方法的使用介紹

#

以上是js確認框confirm()用法實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板