JavaScript BOM (Browser Object Model)

모덴웹을 위한 Javascript, JQuery입문 [윤인성 지음] 참고

2017 - 10 - 31 (화)

Window 객체

Window 객체

윈도우의 객체의 속성들

var output = '';

for (var key in window){
  output += '●' + key + ': ' + window[key] + '\n';
}
console.log(output)
// 윈도우 객체의 무수히 많은속성들이 console에 찍힌다.

,br>

window 객체의 생성

//window.open(URL , name, feature, replace);
window.open('https://www.naver.com', 'naver', 'width=600, height=300', true)

window 객체의 onload

//해당 스크립트를 가진 html 문서가 브라우저에 랜더링 할 때  해당 함수를 실행함
window.onload = function(){
  alert('로드')
}

현재 기기가 무엇인지 확인

var userAgent = navigator.userAgent;
    alert(userAgent);

스마트폰 구분하기

  var smartPhones = ['iphone', 'ipod', 'android'];
    for(var i in smartPhones){
        if(navigator.userAgent.toLowerCase().match(new RegExp(smartPhones[i]))){
        alert('스마튼폰 페이지로 이동')
        location = 'http://m.naver.com';
    }
}

모바일 장치의 방향

if(window.orientation == 0 || window.orientation == 180){
    alert('세로 방향입니다.');
}else if(window.orientation == 90 || window.orientation == -90){
    alert('가로 방향입니다.');
}