- 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() : 페이지 포커스 벗어났을 때 설정
- 01. 브라우저 객체 : screen 객체 메서드
- 01. 브라우저 객체 : lacation 객체 메서드
- 01. 브라우저 객체 : navigator 객체 메서드
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.appCodeName : 브라우저의 코드명을 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.appName : 브라우저의 이름을 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.appVersion : 브라우저의 버전을 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.cookieEnabled : 브라우저의 쿠키 사용 가능 여부를 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.language : 브라우저에서 사용되는 언어를 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.onLine : 브라우저가 온라인인지 여부를 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.platform : 브라우저가 실행되는 플랫폼 정보를 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.product : 브라우저에서 사용되는 엔진 이름을 반환
- 07. 브라우저 객체 : navigator 객체 속성 : navigator.userAgent : 브라우저와 운영체제 정보를 반환
- 01. 브라우저 객체 : navigator 객체 속성 : navigator.onLine : 네트워크 상태 가져오기(225)
- 01. 브라우저 객체 : history 객체 메서드
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("오늘 공부할 준비가 되었나요?");
document.querySelector("#sample2 .view").innerText = conf;
});
03. 브라우저 객체 : window 객체 메서드 : window.prompt() : 입력창 표시하기
const btn = document.querySelector("#sample3 .btn1");
btn.addEventListener("click", () => {
const conf = prompt("오늘 공부할 준비가 되었나요?");
document.querySelector("#sample3 .view").innerText = conf;
});