CWN(CHANGE WITH NEWS) - 자바스크립트, 웹 브라우저 마음대로 다룰 수 있다?

자바 스크립트에는 현재 HTML 문서를 보여주고 있는 웹 브라우저 창을 의미하는 윈도 객체가 내장되어 있다. 이 윈도 객체는 자바스크립트가 제공하는 기본 객체며 자바 스크립트가 제공하는 document와 같은 다른 객체의 최상위 부모 객체이다. Window 객체는 내부에 여라 가지 자식 객체들과 메서드를 제공한다.

이 메서드를 활용하면 웹 브라우저 창을 원하는대로 조작할 수 있다.

이 웹사이트에서 자바스크립트를 직접 코딩하며 그 결과를 바로 확인할 수 있다.

1. alert 메서드

방문한 사용자에게 메시지를 보여주고자 할 때 사용된다.

사용법 : Window.alert(“메시지”);

2. Prompt 메서드

사용법 : Window.prompt(“사용자에게 보여줄 메시지”,”입력창에 미리 입력되어 있을 문장”);

첫 번째 매개변수는 사용자에게 보여줄 메시지가 화면에 나타나고 사용자가 입력할 수 있는 텍스트가 함께 나타나고, 두 번째 매개변수는 사용자가 입력하기 전, 텍스트 상자에 미리 나타날 문장을 작성한다.

두 번째 매개변수에 빈 칸을 작성하였기 때문에 텍스트 상자에서도 사용자가 입력하기 전에 아무런 문구가 뜨지 않는 것을 확인할 수 있다.

다음과 같이 입력칸에 '자바스크립트'를 작성하고, '확인' 버튼을 누르면

alert 메서드를 통해 사용자로부터 입력 받은 값과 함께 웹 브라우저 상에 출력되는 것을 확인할 수 있다.

3. Confirm 메서드

Window.confirm 함수는 사용자가 ‘확인’ 또는 ‘취소’ 버튼을 클릭함에 따라 각각 다른 문구를 보여준다.

사용자가 확인 버튼을 클릭하면 confirm 메서드는 True를 반환하고 그렇지 않으면 False를 반환한다.

여기서 확인 버튼을 누르면 True를 반환하여

"다음 단계로 이동합니다."의 문구가 alert 메서드를 통해 출력된다.

만약, '취소' 버튼을 클릭할 시,

"이용해주셔서 감사합니다"가 출력된 것을 알 수 있다.

[ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]