본문 바로가기

HTML / CSS / Java Script

[JS] 웹브라우저 객체 이해

객체 객층구조

계층구조상 하위객체의 속성과 메소드를 사용할려면 상위에 객체를 명확히 발혀야 합니다.
내장객체를 사용할려면 위와 같이 상위객체부터 하위객체 순서대로 입력하면된다.


계층구조


상위객체의 객체변수. 하위객체의 객체변수. 속성
상위객체의 객체변수. 하위객체의 객체변수. 메소드( )
예 : window,document.write"( )";


Window 객체란?
웹브라우저 객체의 최상위 객체로 현재 창을 의미하고, 그하위 객체를 이용해서 열린 문서 히스토리정보 웹브라우저 정보 등 많은 것을 제어 할수 있다.


Window 객체사용
window.속성;
window.메소드( );

객체속성
status : 웹브라우저의 상태표시줄에 표시내용
dafaultStatus : 웹브라우저의 상태표시줄에 초기화될 내용
classes : 문서 안에 정의된 모든 CSS클래스의 정보
frames : 윈도내에 사용된 프레임의 배열정보
self : 현재열린윈도
opener : open( ) 메소드를 이용해서 새창을 연 윈도
parent : 계층구조가 생길때 상위 윈도
top : 계층구조가 생길때 최상위 윈도


open( ) : 새로운 창을 열때 사용
open("새창에보여줄문서", "새창이름", "새창속성")

close( ) : 열려 있는 창을 닫을때 사용
닫을려는 창객체.close( );

open( ) 메소드사용 창의속성
창속성을 지정하지않으면 모든속성이 나타나고 하나라도 설정하면 설정한외 다른속성은 나타나지않음

toolbar : 툴바를 나타나게할것인지 아닌지 (yes/no)
location : 주소표시줄을 나타나게 할것인지 아닌지(yes/no)
directories : 연결표시줄을 나타나게할것인지 아닌지(yes/no)
status : 상태표시wnf을 나타나게할것인지 아닌지(yes/no)
menubar : 메뉴를 나타나게할것인지 아닌지(yes/no)
scrollbars : 스크롤바를 나타나게할것인지 아닌지(yes/no)
resizable : 창의 크기조절을 허용할것인지 아닌지(yes/no)
copyhistory : 히스토리정보를 저장할것인지 아닌지 (yes/no)
width : 창의 넓이지정(픽셀)
height : 창의 높이지정(픽셀)
left : 웹브라우저기준 왼쪽에서 얼마나 떨어진곳에 창을 나타낼것인지(픽셀)
right : 웹브라우저기준 오른쪽에서 얼마나 떨어진곳에 창을 나타낼것인지(픽셀)