자바스크립트 대화상자 종류 및 활용 예제

안녕하세요

이번에는 자바스크립트 대화상자 종류를 살펴보고 간단한 활용 예제를 살펴보겠습니다.

한번 보시면 사용하기 쉽습니다~!


자바스크립트에는 주로 많이 사용하는 대화상자가 보통 3개 있습니다.

1. 메시지 대화상자

2. 입력 대화상자




3. 확인 대화상자

실제로 많은 환경에서 사용되는 대화상자 들입니다.

자바스크립트에서는 <script type="text/javascript"> 소스코드 </script>

위처럼 사용하면 됩니다.

==============================

먼저 메시지 대화상자는 아주 단순합니다.

window.alert("안녕하세요?");

==============================

입력 대화상자는 

window.prompt("좋아하는 음식은?", "스테이크");
만약 내가 피자를 좋아하고 싶고 이것을 화면에 출력하고 싶으면 아래처럼 사용하면 됩니다.

var str=window.prompt("좋아하는 음식은?", "스테이크");
document.write(str);

==============================

확인 대화상자는

window.confirm("정말 삭제할까요?");

확인 대화상자는 '예', '아니오'에 따라 이벤트 처리를 다르게 해야합니다.
그래서 가령 아래와 같은 식으로 코드를 작성하곤 합니다.

var yn=window.confirm("정말 삭제할까요?"); 라고 먼저 위에서 코드를 작성하고

yn이 true('예'를 눌렀을 경우)에 '삭제했어요' 라는 메시지가 출력하고

아니면 '삭제 안했어요'라는 메시지가 출력됩니다.

하지만 url에 딱히 'true' 값을 지정 안해도 true로 인식합니다.

위의 예제는 '예'를 눌렀을 때 네이버로 이동하는 예제입니다.

'location.href='도 많이 사용됩니다~!

==============================