브라우저 제어 메서드

window 클래스

 - 가장 최상위 클래스이다. 따라서 window는 생략 가능해서 사용한다.

open("URL")

 - URL주소로 새 창(탭)을 연다.

close(), self.close()

 - 창을 닫는다.

open("URL","창 이름","옵션")

 - 새 창(탭)을 여는데, 창 이름을 설정하므로 해당 창 이름에 해당하는 창으로 연결한다. 따라서 여러 창이 열리는게 아니라 해당 창 이름에 해당하는 창 하나에만 열린다.

 - 창 이름이 공백이면 새 창이 열린다.

창 옵션값

toolbar    (yes/no)    툴바 아이콘의 표시 여부 설정

location   (yes/no)    주소표시줄의 표시 여부 결정

status     (yes/no)    상태 바의 표시 여부 결정

menubar    (yes/no)    메뉴 표시줄의 표시 여부 설정

scrollbars (yes/no)    스크롤바의 표시 여부 설정

resizable  (yes/no)    창의 크기를 조절 가능하게 할지 여부를 설정

width      (pixel)     창의 폭을 지정

height     (pixel)     창의 높이를 지정

open("URL","name","width=300, height=500, scrollbars=no, toolbar=no, menubar=no, status=no, location=no")

위와 같이 사용하면 된다.

<a> 태그에 대한 onclick 이벤트 처리

href 속성과 onclick 속성이 충돌을 일으킬 수도 있다. 따라서

<a href="#" onclick="open(); return false;">content</a> 와 같이 처리한다.

location 클래스

 - 웹브라우저의 주소 표시줄을 제어한다.

멤버 변수

href

 - 문서의 URL주소

host

 - URL의 호스트이름과 포트

hostname

 - 호스트 이름 조회(일반적으로 URL에서 도메인을 조회할 수 있다)

hash

 - 앵커이름을 조회(URL에 #기호와 함께 표시되는 단어를 의미)

pathname

 - 디렉토리 이하 경로를 조회

port

 - 포트번호 조회

protocol

 - 프로토콜의 종류를 조회. (http: 혹은 https:)

search

 - URL에 포함된 파라미터 조회(?~~의 부분)

screen 클래스

 - 장치 디스플레이 정보를 조회할 수 있다.

멤버 변수

availHeight

 - 높이

availWidth

 - 너비

colorDepth

 - 색상 수

height

 - 픽셀당 높이

width

 - 픽셀당 너비

pixelDepth

 - 픽셀당 비트수