728x90
반응형
경고창은 대표적으로 다음 3가지가 있다.
alert와 confirm, prompt의 각각 차이점은
클라이언트가 입력할 수 있는 값에 제한을 주고, 입력한 값을 받는 것 뿐이다.
1. alert
경고창이라고 부른다. 사용자에게 정보를 제공하거나 디버깅 등의 용도로 많이 사용한다.
특징. 경고창을 제외한 나머지 화면은 컨트롤이 안된다.
경고창을 띄운 상태로는 다음 동작 코드가 실행되지 않는다.
2. confirm
alert와 같은 경고창이지만,
확인을 누르면 true, 취소를 누르면 false를 반환한다.
3. prompt
경고창을 통해서 사용자가 입력한 값을 받아서 js가 얻어낼 수 있다.
즉, return 값은 입력 받은 값임.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
</head>
<body>
<!-- alert -->
<input type="button" value="alert" onclick="alertfnc();" />
<script type="text/javascript">
function alertfnc() {
alert(1);
alert(2);
alert(3);
}
</script>
<!-- confirm -->
<input type="button" value="confirm" onclick="func_confirm()">
<script type="text/javascript">
function func_confirm() {
if(confirm('ok?')) {
alert('ok');
} else {
alert('cancel');
}
}
</script>
<!-- prompt -->
<input type="button" value="prompt" onclick="func_prompt()" />
<script type="text/javascript">
function func_prompt(){
if(prompt('id?') === 'choi'){
alert('welcome');
}else{
alert('fail');
}
}
</script>
728x90
반응형
'Javascript' 카테고리의 다른 글
| [Javascript] 다차원 배열 정렬 sort() (2) | 2020.05.12 |
|---|---|
| [Javascript] 부모창에서 자식창 열기, 자식창에서 부모창으로 값 전달 / opener 부모,자식창 데이터 교환 (1) | 2020.05.12 |
| [Javascript] 현재 URL 파라미터값 가져오기 (1) | 2020.05.12 |
| [Javascript] 날짜 일수 자동계산 (0) | 2020.05.12 |
| [Javascript] 숫자 천 단위마다 콤마(comma) 찍기 (소수점 포함) (0) | 2020.05.12 |