자바스크립트: Window 객체 사용하기 [1] (창 레이아웃) - 1

Script

자바스크립트: Window 객체 사용하기 [1] (창 레이아웃) - 1

자바 스크립트 – Window 객체 사용하기 [1] (창 레이아웃) 


1. Window 객체 사용하기

(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 Design 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

 

1) 배경을 설정한다.

  (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다.

 

  (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다.

 

  (3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다.

 

  (4) 생성한 이미지 객체를 객체 탐색기에서 잠근다.


1)    레이블 객체를 하나 생성하고 텍스트를 아래와 같이 바꾼다.

 6ba8999d621f0b978c29c344dd53658f_1588317342_2721.PNG


2)    페이지를 하나 생성한다.

6ba8999d621f0b978c29c344dd53658f_1588317342_3096.png


 

3)    생성한 페이지에 텍스트 객체와 레이블 객체를 각각 하나 생성한다.

 6ba8999d621f0b978c29c344dd53658f_1588317342_3628.PNG



4)    텍스트와 레이블 객체의 텍스트를 아래와 같이 수정한다.

6ba8999d621f0b978c29c344dd53658f_1588317342_3997.png

 


5)    첫 번째 페이지의 스크립트를 아래와 같이 작성한다.

6ba8999d621f0b978c29c344dd53658f_1588317342_4409.png



6)    첫 번째 페이지에 생성한 레이블 객체의 스크립트 속성에서 OnClick 이벤트에 label_OnClick 메소드를 연결한다.

6ba8999d621f0b978c29c344dd53658f_1588317342_4865.png


 

7)    두 번째 페이지의 스크립트를 아래와 같이 작성한다.

 6ba8999d621f0b978c29c344dd53658f_1588317342_5303.png



8)    두 번째 페이지에 생성한 레이블 객체의 스크립트 속성에서 OnClick 이벤트에 label_OnClick 메소드를 연결한다.

6ba8999d621f0b978c29c344dd53658f_1588317342_5723.png


 

9)     F5나 실행 버튼을 눌러 뷰어를 실행한다.

6ba8999d621f0b978c29c344dd53658f_1588317342_6188.png



10)  레이블을 클릭함으로써 새 창을 열 수 있다.

     F12 버튼을 눌러 페이지 콘솔을 열 수 있다.

6ba8999d621f0b978c29c344dd53658f_1588317557_2208.png


11)  열린 창에서 닫기 버튼을 눌러 창을 닫을 수 있다.

6ba8999d621f0b978c29c344dd53658f_1588317533_3389.png

0 Reply Comment
Title