로이데스트 :: alert, confirm, prompt - 알림창, 확인창, 질문창

alert, confirm, prompt - 알림창, 확인창, 질문창

| javascript/js기본문법

2014. 1. 26. 05:03

<!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" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="ex_js_syntax">
<script type="text/javascript" language="javascript">
<!--
function btn_js_alert_click(){
/* alert(문자열) */
alert("알림창 눌렀어요");
}
function btn_js_confirm_click(){
/* confirm(문자열, 초기값) */
var check = confirm("확인 또는 취소 버튼");
/* if(check == true) else false */
if(check) alert("확인버튼 클릭");
else alert("취소버튼 클릭");
}
function btn_js_prompt_click(){
/* prompt(문자열, 초기값) */
var name_value = prompt("이름은?", "로이");
/* if(name_value == true) else false */
if(name_value) alert("이름은 "+name_value+"입니다.");
else alert("질문창 취소버튼 클릭 했습니다.");
}
//-->
</script>
<form name="input_type" id="input_type" method="post" >
<input type="button" name="btn_js_js_alert" onclick="javascript:alert('버튼을 클릭 했어요');" value="버튼" />
<br />
<input type="button" name="btn_js_alert" id="btn_js_alert" onclick="btn_js_alert_click();" value="알림창" />
<br />
<input type="button" name="btn_js_confirm" id="btn_js_confirm" onclick="btn_js_confirm_click();" value="확인창" />
<br />
<input type="button" name="btn_js_prompt" id="btn_js_prompt" onclick="btn_js_prompt_click();" value="질문창" />
<br />
</form>
</div>
</body>
</html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기

alert, confirm, prompt

alert- 문자열과 확인버튼이 있는 원도우창을 보여줍니다.

confirm- 문자열과 확인버튼과 취소버튼이 있는 원도우창을 보여줍니다.

prompt - 문자열과 입력텍스트와 확인버튼과 취소버튼이 있는 원도우창을 보여줍니다.

출처 & 인용 - http://www.w3schools.com/

저작자표시 비영리 변경금지

'javascript > js기본문법' 카테고리의 다른 글

form이벤트 onfocus, onblur, onchange, onsubmit - 포커스얻을시, 포커스잃을시, 교체시, 폼보낼시 (1)	2014.01.29
String, Number, escape, unescape - 문자열 변환, 숫자 변환, 엔코딩, 디코딩 (0)	2014.01.29
eval, isNaN, parseInt, parseFloat - 수계산, 숫자판별, 정수변환, 실수변환 (0)	2014.01.29
getElementById, getElementsByTagName, innerHTML, document.write, console.log - id/tag찾기, 내용변경, 내용/콘솔출력 (0)	2014.01.26
js기본문법 (0)	2014.01.25