window 객체, location객체

새로운 윈도우 창 생성을 도와주는 open()메서드

 

- 사용법

window.open(URL, name, option, replce);

- 사용예

window.open('http://www.naver.com', '네이버', 'width=500, height=300', true);

//해당 URL의 팝업창이 생성된다.

 

- open()메서드의 세번째 매개변수에서 사용하는 옵션 종류들

이름	설명	입력 값
height	윈도우의 높이	픽셀
width	윈도우의 너비	픽셀
location	주소 입력창 유무	yes or no
menubar	메뉴 유무	yes or no
resizable	화면크기 조절 가능 여부	yes or no
status	상태표시줄 유무	yes or no
toolbar

 

 

 

 

 

특정 시간에 특정 함수 등을 실행하게 도와주는 타이머 메서드

메서드 이름	설명
setTimeOut(function, millisecond)	일정 시간 후에 함수를 한번만 실행
setInterval(function, millisecond)	일정 시간 주기로 함수 반복 실행
clearTimeOut(id)	일정 시간 후에 함수 한번 실행하는 것을 중지
clearInterval(id)	일정 시간 주기로 함수 실행 중지

 

- 사용예

window.onload = function () {

setInterval(function(){

alert(1);

}, 1000);

}

 

setTimeout()메서드는 한번만 실행하기 때문에 문제가 없지만, setInterval()메서드의 경우에는 반복 실행이므로 메모리를 차지하기 때문에 타이머가 더 이상 필요없어질때 clearInterval()메서드를 사용해서 타이머를 멈춰야한다. setTimeout()이나 setInterval()을 사용하면 타이머 아이디를 리턴받게 되므로 변수에 담아서 clearinterval()메서드의 매개변수로 던져주면 해당 setInterval()메서드는 하던 일을 중지하게 된다.

 

- clearInterval() 사용예

var count = 0;
 var interverId;
 interverId = setInterval(function(){
  
   document.body.innerHTML += "<p> 안녕하세요 </p>";
  count++;
  if(count ==10){
   clearInterval(interverId);
  }
  }, 1000);
 };

 

 

 

페이지를 이동할 때 많이 사용하는 location객체

 

- location객체로 페이지를 이동하는 방법

location.href='www.daum.net';

location.assign('www.naver.com');

location.replace('www.nate.com'); //이 메서드는 이동하고 난 후 뒤로가기 버튼을 사용할 수 없다.

 

 

- location객체로 페이지를 새로고침 하는 방법

똑같이 assing()이나 replace()를 사용한다.

location.reload();