브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기

728x90

728x170

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<!-- 브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기 -->
<html>
<head>
<script type="text/javascript">
    function info1() {
        var os=navigator.userAgent.toLowerCase();
 
        var info_wrap=document.getElementById("info_wrap");
 
        if(os.indexOf('windows')>=0) {
            info_wrap.innerHTML="윈도우";
        }
        else if(os.indexOf('macintosh')>=0) {
            info_wrap.innerHTML="맥킨토시";
        }
        else if(os.indexOf('iphone')>=0) {
            info_wrap.innerHTML="아이폰";
        }
        else if(os.indexOf('android')>=0) {
            info_wrap.innerHTML="안드로이드";
        }
 
        setTimeout("info_wrap.innerHTML=",3000);
    }
 
    function info2() {
        var sc_w=screen.width;
        var sc_h=screen.height;
 
        var info_wrap=document.getElementById("info_wrap");
        info_wrap.innerHTML=sc_w+"X"+sc_h;
 
        setTimeout("info_wrap.innerHTML=",3000);
    }
</script>
</head>
<body>
    <h1>운영체제 및 스크린 정보</h1>
    <p id="info_wrap"></p>
 
    <button onclick="info1();">운영체제 정보</button><br />
    <button onclick="info2();">스크린 정보</button>><br />
</body>
</html>
Colored by Color Scripter

cs
 
소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱) 

728x90

그리드형(광고전용)

저작자표시

'Source Code > JavaScript' 카테고리의 다른 글

폼 요소 선택자 (0)	2017.05.21
문서 객체에 이벤트 핸들러 적용 (0)	2017.05.21
선택자 호환성 문제 해결 (0)	2017.05.21
문서 객체 모델 (DOM) (0)	2017.05.21
navigator 객체 (0)	2017.05.21
history 객체 (0)	2017.05.21
location 객체 (0)	2017.05.21
screen 객체 (0)	2017.05.21