[JavaScript] 6. 객체 모델

브라우저 객체 모델 (BOM)

브라우저 내부에 내장되어 있는 객체 정보
window,screen, location, history, navigator...
계층적 구조(최상위-window)

 

이벤트

웹 브라우저에서 클라이언트가 수행하는 모든 동작
이벤트 리스너 : 웹 브라우저에서 이벤트가 발생하는지 체크하는 기능 // 실행할 수 있도록 만들어줌
이벤트 핸들러 : 이벤트가 발생시 자바스크립트 실행가능

 

<h3>1. onclick</h3>

    <input type = button value="버튼1"> //클릭해도 동작x -> 보여지는 동작과 클릭시 동작이 분리되어있기 때문 --><br>

    // -> 이벤트 핸들러 추가해야함<br><br>

    <input type = button value="버튼1" onclick="alert('버튼1 클릭!'); "> //동작함<br><br>

    <input type = button value="버튼1" onclick="alert('버튼1 클릭!'); alert('버튼2 클릭!');"> //alert 2번클릭<br>

    몇개든 상관x, but 일반적사용x -> script태그 사용 + 함수<br><br>

    <script>

        function test1() {

            alert('버튼1 클릭!');

            alert('버튼2 클릭!');

        }

    </script>

    <input type = button value="버튼2" onclick="test1();" > // function을 이용한 버튼

 

<h3>2. ondblclick</h3>

    <input type = button value="버튼3" ondblclick="alert('버튼3 클릭!'); "> // function을 이용한 더블클릭 버튼

    <!-- 버튼 4 생성, 마우스가 올라갔을때 메시지 출력 -->

<h3>3. onmouseover</h3>

    <input type = button value="버튼4" onmouseover="alert('버튼4 클릭!'); "  >  // 마우스가 올라갔을때 메시지 출력

   

<h3>4. onkeyup </h3>

    키보드 눌리면 alert뜸<br>

    <input type ="text" onkeyup="alert('키업 이벤트');">

 

<h3>5.style.background </h3>

    마우스 올리면 yellow, 마우스내리면 white<br>

    <input type ="text"

            onmouseover="style.background='yellow'"

            onmouseout="style.background='white'">

올린 상태

브라우저 객체모델 - window

window : 최상위 객체, 다양한 하위 객체로 구성됨. 하위 객체들이 모여 하나의 브라우저(윈도우) 만듦

 

<script>

        // alert(window); // [object window] 형태만 확인가능

        // console.log(window); // window 객체정보 확인가능(상세 확인)

        // // => 일반적으로 test해서 결과를 만들어 내는 경우

        // window.alert();

        // => window 객제정보는 생략 가능

        // window.open(주소, 이름, 옵션)

        // window.open(); // 새 Tap 여는 method

        // 확인, 처리하기 위한 기능

        // window.open("https://www.naver.com","","width=880, height=800");

         //새 창열기

        // window.open("https://www.naver.com","","width=880, height=800, left=400, top=200");  

        //left=400, top=200 : 왼쪽벽 기준 뜨는 창의 위치가 달라짐

    </script>

 

<h3>홈페이지 열기 버튼 생성</h3>

    <input type = "button" value="홈페이지 열기"

    onclick="window.open('https://itwillbs.co.kr/','','');" >

    <h3>홈페이지 닫기 버튼 생성</h3>

    <input type = "button" value="홈페이지 닫기"

    onclick="window.close();" > // 열어놨던 페이지가 닫혀버림

     

   

    <h3>홈페이지 열기/닫기 버튼 생성2</h3>

    test7_1.html 이용해서 새 창에서 닫기 버튼 만들기<br>

    <input type = "button" value="홈페이지 열기"

    onclick="window.open(' test7_1.html', '', 'width=880, height=800');" >

 

 

 

<h2> <mark>브라우저 객체 모델 - document </mark></h2>

        <script>

            function fn1() {

                console.log(window.document);

                window.document.title = "브라우저 객체모델(BOM)";

                //location:주소, bgColor:배경색, fgColor:글자색

                window.document.location = "test7_1.html";

            } //lcoation의 주소가 test7_1.html로 바뀜

        </script>

        <!-- 속성변경 버튼(배경-검정, 글자-노랑) -->

        <script>

            function fn2() {

                //bgColor:배경색, fgColor:글자색

                window.document.bgColor = "black";

                window.document.fgColor = "yellow";

            }

            function fn3(c) { //color를 매개변수로 만듦

                //bgColor:배경색, fgColor:글자색

                document.bgColor = c;

                document.fgColor = c;

            }

        </script>

 

        <input type = "button" value="document 속성확인"

        onclick="fn1();">

        <!-- 속성변경 버튼(배경-검정, 글자-노랑) -->

        <input type = "button" value="document 속성변경"

        onclick="fn2();">

   

        <hr>

        <input type="radio" name="color"> PINK

        <input type="radio" name="color"> BLUE

        <input type="radio" name="color"> PURPLE

        <input type="checkbox" name="color"> PURPLE<br>

       

        <input type="radio" name="color" onclick="fn3('pink');"> PINK

        <input type="radio" name="color" onclick="fn3('DodgerBlue');"> BLUE

        <input type="radio" name="color"> PURPLE

        <input type="checkbox" name="color" onclick="fn3('SlateBlue');"> PURPLE // 체크시 색상변경

        </scrip>

 

 

<h3> document에 이미지 태그를 사용하면 이미지 정보들은

            작성된 순서에 따라 배열로 저장 (배열의 요소 사용해서 접근)

        </h3>

       

        <img

        width="300" height="200"

        src="data:image/jpeg;base64,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" >

        <img

        width="300" height="200"

        src="data:image/jpeg;base64,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" >

        <img

        width="300" height="200"

        src="data:image/jpeg;base64,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" >

       

        <script>

            alert(document.images[0].src);

        </script>

 

 

 

 

 

<body>

    <h1> test7_1.html </h1>

    test7_1.html  창 닫힘

    <input type ="button" value="홈페이지 닫기1"

        onclick="window.close();" ><hr>

       

        test7 창 닫힘

    <input type ="button" value="홈페이지 닫기2"

        onclick="opener.window.close();" >

</body>

 

 

 

<body>

        <h1>test7_2.html</h1>

        <a href="test7_3.html">7_3페이지 이동</a>

        <hr>

        <input type="button" value="뒤로" onclick="history.go(-1);">

        <input type="button" value="앞으로" onclick="history.go(1);">

   

</body>

 

 

 

 

<body>

        <h1>test7_3.html</h1>

        <hr>

        <input type="button" value="뒤로(1칸)" onclick="history.go(-1);">

        <input type="button" value="뒤로(2칸)" onclick="history.go(-2);">

   

</body>