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> |
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 |
