자바 스크립트 – Window 객체 사용하기 [2] (기타 기능)  

1.     스크립트 코드 해석

1)    page_1 페이지

①     var a = null;

setInterval용 변수를 초기화한다.

②     var b = null;

setTimeout용 변수를 초기화한다.

③     label_1_OnClick 메소드

function label_1_OnClick() { console.log(window.alert("Alert")); }

 

(1)   console.log(window.alert("Alert"));

메세지가 Alert인 경고 창을 연다.

●  페이지 콘솔 창 결과: undefined(값 리턴 안함)

 

④     label_2_OnClick 메소드

function label_2_OnClick() { console.log(window.confirm("Check")); }

 

(1)   console.log(window.confirm("Check"));

메시지가 Check인 확인 창을 연다. 해당 창에서 입력한 값을 페이지 콘솔 창에 출력한다.

●  페이지 콘솔 창 결과: true(확인 버튼 클릭 시)

 

⑤     label_3_OnClick 메소드

function label_3_OnClick() { console.log(window.prompt("Message", "default")); }

 

(1)   console.log(window.prompt("Message", "default"));

문자열 값을 입력할 수 있는 프롬프트 창을 연다.

해당 창의 메시지는 Message, 기본 문자열 값은 default로 설정된다.

●  페이지 콘솔 창 결과: default(기본 값 그대로 확인 버튼 클릭 시)

 

⑥     label_4_OnClick 메소드

function label_4_OnClick() { console.log(window.promptNumber("", "Message", 0, Number.MIN_SAFE_INTEGER, Number.MAX_SAFE_INTEGER, "Title")); }

 

(1)   console.log(window.promptNumber("", "Message", 0,

Number.MIN_SAFE_INTEGER, Number.MAX_SAFE_INTEGER, "Title"));

숫자 값을 입력할 수 있는 프롬프트 창을 연다.

해당 창의 제목은 Title, 메시지는 Message, 입력할 수 있는 숫자의 최소값은 자바스크립트의 Number.MIN_SAFE_INTEGER 상수값, 최대값은 Number.MAX_SAFE_INTEGER 상수값으로 설정된다.

●  페이지 콘솔 창 결과: 0(기본 값 그대로 확인 버튼 클릭 시)

 

⑦     label_5_OnClick 메소드

function label_5_OnClick() { console.log(window.promptBool("", "Message", false, "ON", "OFF", "Title")); }

 

(1)   console.log(window.promptBool("", "Message", false, "ON", "OFF", "Title"));

부울 값을 입력할 수 있는 프롬프트 창을 연다.

해당 창의 제목은 Title, 메시지는 Message, 기본 부울 값은 false로 설정된다.

또한 부울 값을 설정하는 버튼의 텍스트가 True 부분은 ON, False 부분은 OFF로 설정된다.

●  페이지 콘솔 창 결과: false(기본 값 그대로 확인 버튼 클릭 시)

 

⑧     label_6_OnClick 메소드

function label_6_OnClick() { console.log(window.promptString("","Message", "default", "Title")); }

 

(1)   console.log(window.promptString("","Message", "default", "Title"));

문자열 값을 입력할 수 있는 프롬프트 창을 연다.

해당 창의 제목은 Title, 메시지는 Message, 기본 문자열 값은 default로 설정된다.

●  페이지 콘솔 창 결과: default(기본 값 그대로 확인 버튼 클릭 시)

 

⑨     label_7_OnClick 메소드

function label_7_OnClick() { if(a == null) { a = setInterval(writeLog, 1000); } else {        clearInterval(a); a = null; } }

 

(1)   if(a == null)

변수 a가 null이라면 아래 블록을 실행한다. 만약 아니라면, 다른 else if/else 문으로 넘어간다.

●  페이지 콘솔 창 결과: -

(2)   if(a == null)

변수 a가 null이라면 아래 블록을 실행한다. 만약 아니라면, 다른 else if/else 문으로 넘어간다.

●  페이지 콘솔 창 결과: -

 

 

⑩     label_8_OnClick 메소드

function label_8_OnClick() { if(b == null) { b = setTimeout(writeLog, 1000); } else { clearTimeout(b); b = null; } }

 

(1)   console.log(window.promptString("","Message", "default", "Title"));

문자열 값을 입력할 수 있는 프롬프트 창을 연다.

해당 창의 제목은 Title, 메시지는 Message, 기본 문자열 값은 default로 설정된다.

●  페이지 콘솔 창 결과: default(기본 값 그대로 확인 버튼 클릭 시)

 

 

⑪     writeLog 메소드

function writeLog() { console.log("log");