자바스크립트 Window 객체 활용

(2017-08-15)
1.  자바스크립트 Window 객체(BOM) 내 메서드

  ㅇ 대화상자 메서드
     - alert()   : 사용자에게 메세지를 보여주고, 확인 대기
     - confirm() : 사용자에게 메세지를 보여주고, 확인/취소 버튼을 누르면 불리안 값을 반환
     - prompt()  : 사용자에게 메세지를 보여주고, 사용자 입력 문자열을 반환

  ㅇ 새 창 열고 닫기
     - open(url 주소, 새 창의 이름, 창의 속성)
        . 창의 속성(프로퍼티) 例) 
           .. height (픽셀 단위의 창 높이), width (픽셀 단위의 창 넓이),
              left (좌단에서 픽셀 단위의 거리), top (상단에서 픽셀 단위의 거리)
           .. resizable (창의 크기 조절 여부)
           .. status (창 하단 상태 표시줄 보이기 여부),  location (주소 표시줄 보이기 여부),
              scrollbars (스크롤바 보이기 여부), toobar (도구 모음 보이기 여부),
              menubar (창 상단 메뉴바 보이기 여부)
     - close()

     * 새 창을 여는 이벤트 관련
        . 대부분의 웹브라우저는 임의로 팝업창 열기를 금지함
        . 단지, 사용자가 링크를 클릭하거나 폼을 전송할 때 만 새 창을 열기가 가능

  ㅇ 창에 포커스 주기
     - blur()  : 창이 뒤로 가려짐
     - focus() : 창을 맨 앞으로 오게 함

  ㅇ 창의 조절
     - moveBy(오른쪽,아래쪽) : 창을 설정한 픽셀 수 만큼 오른쪽,아래쪽으로 이동
     - moveTo(좌단,상단) : 창을 좌단,상단으로부터 정한 픽셀 수 만큼 특정 위치로 이동
     - resizeBy(너비,높이) : 창의 너비,높이를 현재에서 정한 픽셀 단위 만큼 변경
     - resizeTo(너비,높이) : 창의 너비,높이를 정한 픽셀 단위 만큼 설정
     - scrollBy(오른쪽,아래쪽) : 문서를 설정한 픽셀 수 만큼 오른쪽,아래쪽으로 스크롤
     - scrollTo(좌단,상단) : 문서를 좌단,상단으로부터 정한 픽셀 수 만큼 스크롤


[JS 활용] 1. JS 문자열 활용 2. JS BOM 활용 3. JS 활용 (기타) 4. JS 수치 활용

 
        최근수정     모바일웹     참고문헌