> 웹 프론트엔드 > JS 튜토리얼 > JS에서 일반적으로 사용되는 메시지 상자를 구현하는 방법은 무엇입니까?

JS에서 일반적으로 사용되는 메시지 상자를 구현하는 방법은 무엇입니까?

亚连
풀어 주다: 2018-06-04 17:23:58
원래의
1357명이 탐색했습니다.

JS에서 누구나 자주 사용하는 메시지 프롬프트 상자를 정리했습니다. 자주 사용해야 하므로 함께 배워보세요.

먼저 실행 효과를 살펴보겠습니다

추가하여 모든 코드를 공유하세요.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Document</title> 
  <script type="text/javascript"> 
    function warn_info(){ 
      alert("提示消息框"); 
    } 
    function sure_info(){ 
      if (confirm("确认删除吗?")){ 
        alert("删除成功"); 
      } 
      else{ 
        alert("取消删除"); 
      } 
    } 
    function input_info(){ 
      var txt=prompt("请输入您的年龄"); 
      if(txt==""){ 
        alert("输入为空,重新输入"); 
      } 
      else{ 
        alert("您的年龄为"+txt) 
      } 
    } 
  </script> 
</head> 
<body> 
  <input type="button" value="提示消息" onclick="warn_info()"> 
  <input type="button" value="确认消息" onclick="sure_info()"> 
  <input type="button" value="输入消息" onclick="input_info()"> 
</body> 
</html>
로그인 후 복사

위 내용은 제가 모두를 위해 편집한 내용입니다. 도움이 되셨으면 좋겠습니다. 앞으로도 다들.

관련 기사:

ngrok+express를 사용하여 WeChat 인터페이스 디버깅 문제를 해결하는 방법

element-ui 테이블을 사용하여 셀을 편집 가능하게 만드는 방법

요소 ui에서 확인 후 확인을 지우는 방법 대화상자가 닫혔습니다

위 내용은 JS에서 일반적으로 사용되는 메시지 상자를 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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