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

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

高洛峰
풀어 주다: 2016-12-17 13:49:27
원래의
1402명이 탐색했습니다.

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

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(&#39;确实要删除吗?&#39;))location=&#39;jb51.php?id=&#39;">删除</a>
로그인 후 복사

방법 4:

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

위 내용은 기사 전문입니다. 내용은 여기까지입니다. 모두 마음에 드셨으면 좋겠습니다.

관련 글 삭제 전 팝업 확인창의 자바스크립트 구현에 대한 자세한 내용은 PHP 중국어 홈페이지를 참고해주세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿