- 01. 브라우저 객체 : window 객체 매서드 : window.alert() : 알림창 표시
- 02. 브라우저 객체 : window 객체 매서드 : window.confirm() : 확인창 표시
- 03. 브라우저 객체 : window 객체 매서드 : window.prompt() : 입력창 표시
- 01. 브라우저 객체 : window 객체 매서드 : window.open() : 새로운창 열기
- 01. 브라우저 객체 : window 객체 매서드 : window.close() : 창 닫기
- 01. 브라우저 객체 : window 객체 매서드 : window.focus() : 페이지 포커스 설정
- 01. 브라우저 객체 : window 객체 매서드 : window.blur() : 페이지 포커스 벗어났을 때 설정
- 05. 브라우저 속성 : window 객체 속성 : Window.InnerWidth : 브라우저의 화면 가로값
- 05. 브라우저 속성 : window 객체 속성 : Window.InnerHeight : 브라우저의 화면 세로값
- 05. 브라우저 속성 : window 객체 속성 : Window.outerWidth : 브라우저의 화면 전체 가로값
- 05. 브라우저 속성 : window 객체 속성 : Window.outerHeight : 브라우저의 화면 전체 세로값
- 05. 브라우저 속성 : window 객체 속성 : Window.screenTop : 브라우저의 화면 위쪽 위치값
- 05. 브라우저 속성 : window 객체 속성 : Window.screenLeft : 브라우저의 화면 왼쪽 위치값
- 05. 브라우저 속성 : window 객체 속성 : Window.screenY : 브라우저의 화면 위쪽 위치값
- 05. 브라우저 속성 : window 객체 속성 : Window.screenX : 브라우저의 화면 왼쪽 위치값
- 05. 브라우저 메서드 : window 객체 메서드 : Window.moveBy() : 브라우저 위치를 상대적으로 이동
- 05. 브라우저 메서드 : window 객체 메서드 : Window.moveTo() : 브라우저 위치를 절대값으로 이동
- 05. 브라우저 메서드 : window 객체 메서드 : Window.resizeBy() : 브라우저 크기를 상대적으로 이동
- 05. 브라우저 메서드 : window 객체 메서드 : Window.resizeTo() : 브라우저 크기를 절대값으로 이동
- 05. 브라우저 메서드 : window 객체 메서드 : Window.scrollBy() : 브라우저 스크롤 위치 상대적으로 조절
- 05. 브라우저 메서드 : window 객체 메서드 : Window.scrollTo() : 브라우저 스크롤 위치 절대적으로 조절
- 05. 브라우저 속성 : window 객체 속성 : Window.scrollX : 브라우저의 가로 스크롤 크기
- 05. 브라우저 속성 : window 객체 속성 : Window.scrollY : 브라우저의 세로 스크롤 크기
- 05. 브라우저 객체 : screen 객체 속성 : window.screen.width : 화면의 가로 값
- 05. 브라우저 객체 : screen 객체 속성 : window.screen.height : 화면의 세로 값
- 05. 브라우저 객체 : screen 객체 속성 : window.screen.availWidth : 실제 이용 가능한 화면의 가로 값
- 05. 브라우저 객체 : screen 객체 속성 : window.screen.availHeight : 실제 이용 가능한 화면의 세로 값
- 05. 브라우저 객체 : screen 객체 속성 : window.screen.colorDepth : 사용 가능한 색상 수
- 05. 브라우저 객체 : screen 객체 속성 : window.screen.pixelDepth : 한 픽실당 비트 수
- 06. 브라우저 객체 : location 객체 메서드 : location.assign() : 현재 위치를 이동
- 06. 브라우저 객체 : location 객체 메서드 : location.reload() : 새로 고침
- 06. 브라우저 객체 : location 객체 메서드 : location.replace() : 위치 이동
- 06. 브라우저 객체 : location 객체 메서드 : location.toString() : 주소 문자열 반환
- 06. 브라우저 객체 : location 객체 속성 : location.href : 주소
- 06. 브라우저 객체 : location 객체 속성 : location.host : 호스트 이름
- 06. 브라우저 객체 : location 객체 속성 : location.hostname : 호스트 이름
- 06. 브라우저 객체 : location 객체 속성 : location.port : 포트 번호
- 06. 브라우저 객체 : location 객체 속성 : location.pathname : 디렉토리 경로
- 06. 브라우저 객체 : location 객체 속성 : location.hash : 앵커이름
- 06. 브라우저 객체 : location 객체 속성 : location.search : 요청 매개변수
- 06. 브라우저 객체 : location 객체 속성 : location.protocol : 프로토콜 종류
- 01. 브라우저 객체 : navigater 객체 속성 navigater.appCodeName : 브라우저의 코드명을 반환
- 01. 브라우저 객체 : navigater 객체 속성 navigater.appName : 브라우저의 이름을 반환
- 01. 브라우저 객체 : navigater 객체 속성 navigater.appVersion : 브라우저의 버전을 반환
- 01. 브라우저 객체 : navigater 객체 속성 navigater.cookieEnable ; 브라우저의 쿠키 사용가능 여부를 반환
- 01. 브라우저 객체 : navigater 객체 속성 navigater.
- 01. 브라우저 객체 : navigater 객체 속성 navigater.
- 01. 브라우저 객체 : navigater 객체 속성 navigater.
- 01. 브라우저 객체 : navigater 객체 속성 navigater.
- 01. 브라우저 객체 : navigater 객체 속성 navigater.
- 01. 브라우저 객체 : navigater 객체 속성 navigater.
- 08. 브라우저 객체 : history 객체 속성 : history.length : URL 개수를 반환
- 08. 브라우저 객체 : history 객체 메서드 : history.back() : 페이지 뒤로 가기
- 08. 브라우저 객체 : history 객체 메서드 : history.forward() : 페이지 앞으로 가기
- 08. 브라우저 객체 : history 객체 메서드 : history.go() : 원하는 페이지로 이동
01. 브라우저 객체 : window 객체 매서드 : window.alert() : 알림창 표시
{
const btn = document.querySelector("#sample1 .btn1");
btn.addEventListener("click", () => {
alert("오늘 공부할 준비가 되었나요?");
});
}
02. 브라우저 객체 : window 객체 매서드 : window.confirm() : 확인창 표시
{
const btn = document.querySelector("#sample2 .btn1");
btn.addEventListener("click", () => {
const conf = confirm("오늘 공부할 준비가 되었나요?");
if(conf == true){
document.querySelector("#sample2 .view").innerText = "네 준비되었습니다.";
} else if(conf == false){
document.querySelector("#sample2 .view").innerText = "네 아직 준비가 안되었습니다.";
}
});
}
03. 브라우저 객체 : window 객체 매서드 : window.prompt() : 입력창 표시
{
const btn = document.querySelector("#sample3 .btn1");
btn.addEventListener("click", () => {
const conf = prompt("오늘 공부할 준비가 되었나요?");
document.querySelector("#sample3 .view").innerText = conf;
});
}