[8주차] 27. window 객체의 open()/close() 메소드

window 객체의 open 메소드

새로운 브라우저 창을 여는 기능으로 공지사항 같은 팝업창을 띄울 때 사용할 수 있기도 하다. 

window 키워드는 생략하고 open만 사용해도 된다.

자주 사용하던 document.write()도 맨 앞에 windows.이 생략된 형태였던 것임 

예시코드

onLoad속성을 주어 body 영역이 로드되고 나서 호출되도록 하여 공지사항 팝업처럼 열리게 하는 예시임. 

예시코드(함수를 새로 만들어 인자 전달부분의 길이를 줄인 버전)

window 객체의 close 메소드

window 객체의 open()메소드와 동작이 반대되는 메소드이다. 

window.open() 메소드는 객체를 하나 반환하는데 이를 변수에 할당시켜 두었다가 변수.close()를 하면 원하는 창을 닫치게 할 수 있다.

 

혹은 window.self.close()를 해주면 자기 자신을 지정하여 브라우저 창을 닫을 수 있다.

혹은 window.opener.close()를 해주면 자기 자신을 열리게한 부모 부라우저 창을 닫을 수 있기도 하다.

window객체는 self, opener 외에도 여러가지 속성(멤버변수)들을 가지는데 이에 대한 정보는 아래 링크를 참고하자.https://ldgeao99-developer.tistory.com/392