JavaScript

브라우저객체

은찡안찡 2022. 9. 28. 12:46
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS06.브라우저객체.html</title>
    <script>
        //브라우저 객체(BOM): ★window > ★document, screen, ★location, ★history, navigator
        //window 객체의 함수 및 메서드: alert('메시지'), prompt('질문', '입력폼에 표시하는 기본값'), confirm('질문'), open('file URL', '윈도우 창 이름', '옵션'), moveTo(x, y): 지정한 x, y 좌표로 창의 위치를 이동시킨다, resizeTo(width, height): 지정한 윈도우 창의 크기를 변경한다. ★setInterval(function(){}, 일정 시간): 지속적으로 일정한 시간 간격으로 익명 함수를 호출하여 코드를 실행한다. setTimeout(function(){}, 일정 시간): 일정 시간 후에 익명 함수를 한번만 호출한다.

        //window.open('http://www.naver.com', 'NAVER', 'width=350, height=450, left=150, top=100, location=no');
        /*
        var txt = '안녕하세요.';
        alert(txt);
        var age = prompt('당신의 나이는 몇살입니까?', '20');
        alert(age);
        var flag = confirm('당신은 남자입니까?');
        if(flag) alert('남자');
        else alert('여자');
        */
        /*
        var addNum = 0;
        var subNum = 1000;

        var add = setInterval(function(){
            addNum++;
            console.log(addNum);
        }, 2000);
        var minus = setInterval(function(){
            subNum--;
            console.log(subNum);
        }, 2000);
        */
        var width = screen.width;
        var height = screen.height;
        console.log(width);
        console.log(height);

        function goUrl() {
            location.href = "http://www.naver.com";
            //브라우저의 URL 경로를 지정한 URL로 변경한다.
        }
        function goReflesh() {
            location.reload(); //새로고침한다.
        }
        
        function goPrev() {
            history.back(); //= history.go(-1);
        }

        function goNext() {
            hitory.forward(); //= history.go(1);
        }
    </script>
</head>
<body>
    <button onClick="window.close()">닫기</button>
    <h2>일정 시간 간격으로 값 증가시키기</h2>
    <button onClick="clearInterval(add)">증가 정지</button>
    <button onClick="clearInterval(minus)">감소 정지</button>
    <button onClick="goUrl()">네이버</button>
    <button onClick="goReflesh()">새로고침</button>
    <button onClick="goPrev()">이전</button>
    <button onClick="goNext()">다음</button>
</body>
</html>

'JavaScript' 카테고리의 다른 글

함수정의  (0) 2022.09.28
브라우저객체  (0) 2022.09.28
문자열객체  (0) 2022.09.28
배열객체  (0) 2022.09.23
수학객체  (0) 2022.09.23