javascript

[javascript] window 객체

20대 청년 2020. 5. 12. 02:02

자바스크립트에서 window 객체란?

 

window는 자바스크립트에서 가장 중요하고, 가장 기본적인 객체라고 말할 수 있습니다.

 

window 객체에는 아주 많은 기능들이 내장 되어있지만 제가 오늘 소개 드릴 기능들은

웹 개발을 할 때 자주쓰는 기능들을 소개 시켜드리고자 합니다.

 

 

window 객체의 여러가지 기능

 

1. 창닫기

 

function windowClose(){
    window.close();
}
// onClick 시
windowClose();

 

 

2. 창열기

 

function windowOpen(url,name,how){
    window.open(url,name,how);
}
// onClick 시
windowOpen('open.html','open','width=200,height=200');

 

 

3. URL 주소 알기

 

function url(){
    return window.location.href;
}
// 현재 URL
console.log(url());

 

 

4. URL 주소로 보내기

 

function go(urlString){
    return window.location.href = urlString;
}
// 네이버로 이동
go('https://naver.com');

 

 

5. 새로고침

 

function reload(){
    window.location.reload();
}
// onClick시
reload();

 

위의 예제 처럼 간단하고 유용하게

자바스크립트로 window를 쉽게

제어하실 수 있습니다.

한번 시도해보세요

이 외에도 여러가지 기능들이 많습니다.