집 >웹 프론트엔드 >JS 튜토리얼 >Javascript는 삭제 전 팝업 확인 상자를 구현합니다_javascript 기술

Javascript는 삭제 전 팝업 확인 상자를 구현합니다_javascript 기술

WBOY원래의: 2016-05-16 15:56:391202검색

요구 사항: 사용자가 삭제 버튼을 클릭할 때 확인 상자가 나타납니다. 사용자가 "확인"을 클릭하면 삭제 작업이 실행되고, 그렇지 않으면 실행되지 않습니다.

JS 코드

function del() {
var msg = "您真的确定要删除吗？\n\n请确认！";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}

HTML 코드

<a href="" onclick="javascript:return del();">删除</a>

방법 2:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>确认是否删除</title> 
<script type="text/javascript"> 
function del(){ 
if(!confirm("确认要删除？")){ 
window.event.returnValue = false; 
} 
} 
</script> 
</head> 
<body> 
<a href="http://www.baidu.com" onclick="return del()">删除</a> 
</body> 
</html>

방법 3:

<a href="javascript:if(confirm('确实要删除吗&#63;'))location='jb51.php&#63;id='">删除</a>

방법 4:

<script type="text/javascript" language="javascript"> 
<!-- 
function confirmAct() 
{ 
  if(confirm('确定要执行此操作吗&#63;')) 
  { 
    return true; 
  } 
  return false; 
} 
//-->
</script> 
 
<a href="operate.php&#63;mod=user&act=delete&id=564" onclick="return confirmAct();">执行操作</a>

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명：

이전 기사：JavaScript_기본 지식을 사용하여 웹 페이지를 새로 고치는 방법다음 기사：JavaScript_기본 지식을 사용하여 웹 페이지를 새로 고치는 방법

Javascript는 삭제 전 팝업 확인 상자를 구현합니다_javascript 기술

관련 기사