1. window 객체
window 객체는 웹브라우저에 대한 전반적인 정보 취득이나 제어 등에 관련된 객체입니다. window 객체의 하위 객체에는 location, screen, history, navigator, document 등이 있습니다.
▶ open( ) 메서드 : 새로운 윈도우를 만들어 주는 메서드
| window.open( '문서 주소', '윈도우 이름', '옵션=값, 옵션=값, 옵션=값, ...' ); |
| 옵션 | 설명 |
| width = 픽셀값 | 윈도우의 가로 너비를 설정 |
| height = 픽셀값 | 윈도우의 세로 너비를 설정 |
| left = 픽셀값 | 윈도우의 left 위치 설정 |
| top = 픽셀값 | 윈도우의 top 위치 설정 |
| location = yes 또는 no | 윈도우의 주소창에 대한 show / hide 설정 |
| scrollbars = yes 또는 no | 윈도우의 스크롤바에 대한 show / hide 설정 |
| menubar = yes 또는 no | 윈도우의 메뉴바에 대한 show / hide 설정 |
| toolbar = yes 또는 no | 윈도우의 툴바에 대한 show / hide 설정 |
| status = yes 또는 no | 윈도우의 상태줄에 대한 show / hide 설정 |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Open 메서드</title>
<script>
window.onload = function(){
var bt = document.getElementById('bt');
bt.onclick = function(){
window.open('http://www.naver.com', 'naver', 'width=500, height=200, left=100, top=70');
};
};
</script>
</head>
<body>
<button id="bt">새창 열기</button>
</body>
</html>▶ setInterval( ), clearInterval( ), setTimeout( ), clearTimeout( ) : 타이머 함수
- setInterval( ) : 일정 시간마다 지정한 함수를 반복적으로 실행하게 해주는 메서드 ↔ clearInterval( ) : 중지 메서드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>setInterval 메서드</title>
<script>
var i = 0;
setInterval(function(){
i++;
console.log('2초마다 실행' + i);
}, 2000);
</script>
</head>
<body>
</body>
</html>- setTimeout( ) : 설정한 시간이 흐른 뒤에 지정한 함수를 한 번만 실행하는 메서드 ↔ clearTimeout( ) : 중지 메서드
2. location 객체
location 객체는 웹브라우저의 주소 URL 관련 객체입니다.
▶ 프로퍼티
| 프로퍼티 | 설명 |
| hash | 주소의 앵커명(#)을 반환 |
| host | 주소의 호스트명과 포트 번호를 반환 |
| port | 주소의 포트 번호를 반환 |
| pathname | 주소의 패스명을 반환 |
| href | 주소의 값을 반환 |
| protocol | 주소의 프로토콜명을 반환 |
| search | 주소의 쿼리 문자열을 반환 |
▶ 메서드
| 메서드 | 설명 |
| reload( ) | 현재 페이지를 다시 로드합니다. |
| replace( ) | replace( url )일 때 url 값으로 이동합니다. |
3. screen 객체
screen 객체는 모니터 화면정보 관련 객체입니다.
| 프로퍼티 | 설명 |
| width | 화면의 너비를 반환 |
| height | 화면의 높이를 반환 |
| availWidth | 화면에서 작업표시줄을 제외한 너비를 반환 |
| availHeight | 화면에서 작업표시줄을 제외한 높이를 반환 |
| colorDepth | 화면에서 사용 가능한 색상수를 반환 |
| pixelDepth | 화면의 색상 해상도를 반환 |
4. history 객체
history 객체는 페이지가 이동한 정보를 관리하는 객체입니다.
| 메서드 | 설명 |
| back( ) | 이전 페이지로 이동 |
| forward( ) | 이후 페이지로 이동 |
| go( ) | go( n )일 때 n값에 따라 양수이면 이후 페이지로 음수이면 이전 페이지로 이동 |
5. navigator 객체
navigator 객체는 브라우저 버전이나 부라우저명 등 브라우저 정보에 관한 객체입니다.
| 프로퍼티 | 설명 |
| appCodeName | 브라우저의 코드명을 반환 |
| appName | 브라우저명을 반환 |
| appVersion | 브라우저의 버전을 반환 |
| platform | 플랫폼명을 반환 |
| userAgent | 브라우저의 코드명과 버전을 반환 |
'Java Script' 카테고리의 다른 글
| Java Script-이벤트 (0) | 2020.12.14 |
|---|---|
| Java Script-내장 객체 2( Math, Date, 정규표현식(RegExp) ) (0) | 2020.12.14 |
| Java Script-내장 객체 1 (Number, String, Array) (0) | 2020.09.22 |
| Java Script-사용자 정의 객체 (0) | 2020.09.21 |
| Java Script-함수 (0) | 2020.09.17 |
댓글