>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 세 가지 메시지 상자 경고, 확인 및 프롬프트

JavaScript의 세 가지 메시지 상자 경고, 확인 및 프롬프트

高洛峰
高洛峰원래의
2016-12-20 11:56:592360검색

1. 경고는 텍스트를 감싸는 팝업 경고 상자입니다.

2. 확인 팝업창을 띄우고 부울 값을 반환합니다. 이 값은 클릭 시 확인 또는 취소 여부를 결정하는 데 사용할 수 있습니다. true는 확인이 클릭되었음을 의미하고, false는 취소가 클릭되었음을 의미합니다.

3. 프롬프트가 입력 상자에 나타나면 확인을 클릭하여 입력 상자에 값을 반환하고 취소를 클릭하여 null을 반환합니다.

다음은 자세한 예입니다.

<html>  
<head>  
<script type="text/javascript">  
function show_alert(){  
    alert(&#39;第一行\n第二行&#39;);  
}  
  
function show_confirm(){  
    var result = confirm(&#39;是否删除!&#39;);  
    if(result){  
        alert(&#39;删除成功!&#39;);  
    }else{  
        alert(&#39;不删除!&#39;);  
    }  
}  
  
function show_prompt(){  
    var value = prompt(&#39;输入你的名字:&#39;, &#39;默认名字&#39;);  
    if(value == null){  
        alert(&#39;你取消了输入!&#39;);  
    }else if(value == &#39;&#39;){  
        alert(&#39;姓名输入为空,请重新输入!&#39;);  
        show_prompt();  
    }else{  
        alert(&#39;你好,&#39;+value);  
    }  
}  
</script>  
</head>  
<body>  
<input id="alert_button" type="button" value="alert" onclick="show_alert()" >  
<input id="confirm_button" type="button" value="confirm" onclick="show_confirm()" >  
<input id="prompt_button" type="button" value="prompt" onclick="show_prompt()" >  
</body>  
</html>



추가 JavaScript의 메시지 상자 3개 알림, 확인, 결제하세요. 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.