-
웹 브라우저의 전역 객체인 window객체에는 대화 상자를 표시하기 위한 메서드가 세 개 있습니다.
(alert,prompt,confirm)
window.alert : 경고 대화상자를 표시
window.prompt : 사용자의 문자열 입력을 받는 대화상자를 표시
window.confirm : 확인버튼과 취소버튼이 있는 대화상자를 표시
window.alert
<body> <input type="button" id="button1" onclick="button1_click();" value="버튼1" /> </body> <script> function button1_click() { alert("버튼1을 누르셨습니다."); } </script>window.prompt
prompt 대화상자에 입력한 값을 출력하는 내용
<body> <input type="button" id="button1" onclick="button1_click();" value="버튼1" /> <p id="result">?</p> </body> <script> function button1_click() { var name = prompt("이름을 입력하세요"); document.getElementById("result").innerHTML = name; }window.confirm
confirm값을 반환받아 값에따라 다른 경고창을 출력하는 내용
<body> <input type="button" onclick="button1_click();" value="버튼1" /> </body> <script> function button1_click() { var name = confirm("표시하시겠습니까?"); if(name==true) { alert("표시되었습니다."); } else alert("취소되었습니다."); } </script>'js' 카테고리의 다른 글
HTML 요소를 동적으로 읽고 쓰기 (0) 2020.08.17 이벤트 처리기 등록하기 (0) 2020.08.17 js - 객체 (0) 2020.08.17 js -데이터 타입 (0) 2020.08.17 js-변수 (0) 2020.08.17