자바스크립트 Window 객체 활용

(2018-08-09)
1.  자바스크립트 Window 객체(BOM) 내 메서드웹브라우저 창(window) 객체에 적용 가능한 메소드들을 다음에서 설명하고 있음


2. 대화상자 메서드

  ㅇ alert()   : 사용자에게 경고 메세지를 보여주고, 대기하다가, 확인 버튼을 누르면 다음 진행
  ㅇ prompt()  : 사용자에게 입력 대화상자를 보여주고, 확인 버튼을 누르면, 
                 사용자 입력 문자열을 반환
     - prompt("사용자에게 알릴 문자열","초기 입력 값");
  ㅇ confirm() : 사용자에게 확인 대화상자를 보여주고, 확인/취소 버튼을 누르면 불리안 값 반환
     - confirm("사용자에게 알릴 문자열");


3. 새 창 열고 닫기

  ㅇ open(URL, name, options, replace)
     - options (선택적) (문자열) : 창의 속성(프로퍼티)
        . 컴마로 구분된 1 이상의 'key1=value1,key2=value2, ...' 쌍 형식으로 지정 가능
        . 크기 : height (픽셀 단위의 창 높이), width (픽셀 단위의 창 넓이),
                 resizable (창의 크기 조절 여부)
        . 위치 : left (좌단에서 픽셀 단위의 거리), top (상단에서 픽셀 단위의 거리)
        . 상태표시줄,주소줄,스크롤바,메뉴바 등
           .. status (창 하단 상태 표시줄 보이기 여부),  location (주소 표시줄 보이기 여부),
              scrollbars (스크롤바 보이기 여부), toobar (도구 모음 보이기 여부),
              menubar (창 상단 메뉴바 보이기 여부)
     - replace (선택적) (논리값) : true => 새로운 창이 현재 창을 대체

  ㅇ close()

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


4. 창에 포커스 주기

  ㅇ blur()  : 창이 뒤로 가려짐
  ㅇ focus() : 창을 맨 앞으로 오게 함


5. 창의 조절(이동,크기,스크롤 등)

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


[JS Window 객체] 1. JS BOM 2. JS BOM 활용
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
          1. 프로그램,프로그래밍
      1.   프로그래밍 언어론
      2.   객체지향
      3.   자료구조
      4.   알고리즘
      5.   자료표현(알파벳/코드)
      6.   시스템 소프트웨어
      7.   프로그래밍언어 종류
            1. 프로그래밍 언어
            2. 어셈블리언어
        1.   C
        2.   자바(Java)
        3.   자바스크립트
              1. JavaScript
              2. JS 연산자
              3. 기초 문법
          1.   JS 변수,타입
          2.   JS 이벤트
          3.   JS 함수
          4.   JS 객체
          5.   JS 배열
          6.   JS 활용
            1.   1. JS 활용
                2. JS 문자열 활용
                3. JS 수치 활용
                4. JS 정규표현식
          7.   jQuery
        4.   PHP
        5.   (기타 언어)
      8.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록(시험중)     참고문헌