點選刪除彈出提示是否刪除程式碼

admin發表於2017-03-20

一些應用會有刪除功能，比如刪除新聞等功能，這些功能中，當點選刪除的時候，會彈出提示視窗，提示是否要刪除指定的內容，以防止誤操作，下面就通過程式碼例項介紹一下，如何彈出這個提示視窗。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
function del(){ 
  if(confirm("確認刪除嗎")){ 
    alert("這裡要寫刪除程式碼"); 
  } 
  else{ 
    alert("不刪除") 
    return; 
  } 
} 
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    del();
  }
}
</script> 
</head>
<body>
<input type="button" value="點選刪除相關內容" id="bt"/> 
</body>
</html>

以上程式碼。點選刪除按鈕可以彈出提示，程式碼非常的簡單，這裡就不多介紹了。

相關閱讀:

1.confrim()函式可以參閱JavaScript confirm()一章節。

2.onclick事件可以參閱javascript click 事件一章節。 

相關文章