BOM

BOM (Browser Object Model)

window.close();  //window는 전역객체이기 때문에 생략 가능

open('https://zerocho.herokuapp.com'); // 새 탭
open('https://zerocho.herokuapp.com', '_self'); // 현재 탭
open('', '', 'width=200,height=200'); // 가로세로 200px의 팝업창

window.encodeURI();
window.decodeURI();

setTimeout(function() {
  alert('1초 뒤');
}, 1000);

setInterval(function() {
  console.log('1초마다');
});

//setTimeout을 변수에 저장해두고 정지하고 싶을 때
//clearTimeout 함수의 매개변수로 해당 변수를 넣어준다.
var timeout = setTimeout(function() {}, 1000);
clearTimeout(timeout);

//태그를 매개변수로 넣어서 CSS 스타일을 알 수 있다
console.log(getComputedStyle(document.getElementById('app-root')));

navigator.userAgent; // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36"

navigator.language; // "ko"
navigator.cookieEnabled; // true
navigator.vendor; // "Google Inc"

screen.availHeight; // 1080
screen.availWidth; // 1920
screen.colorDepth; // 24

location.host; // "www.zerocho.com"
location.hostname; // "www.zerocho.com"
location.protocol; // "https:"
location.href; // "https://www.zerocho.com/category/Javascript/post/..."
location.pathname; // "/category/Javascript/post/..."

location.reload(); //새로고침
location.replace(); //현재 주소를 다른 주소로 대체

//앞으로 가기
history.forward();
history.go(1);

//뒤로 가기
history.backward();
history.go(-1);