JavaScript 출력

출력 방법

 

1. window.alert( )

2. HTML DOM요소를 이용한 innerHTML

3. document.write( )

4. console.log( )

 

---

-경고창 window.alert()

 

브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해준다.(경고창)

 

<script>
    window.alert(5 + 6);
</script>

---

-HTML요소에 출력 innerHTML

 

document 객체의 getElementByID()나 getElementsByTagName()등의 메소드를 사용하여  HTML 요소를 선택.

그리고 나서 innerHTML 프로퍼티를 이용하면 선택된 HTML 요소의 내용이나 속성값 등을 쉽게 변경할 수 있다.

 

 
    <p id="text">이 문장을 바꿀 것입니다!</p>
    
    <script>
        var str = document.getElementById("text");
        str.innerHTML = "이 문장으로 바뀌었습니다!";
    </script>
    

---

-HTML출력 document.write()

 

웹 페이지가 로딩될 때 실행하면, 웹 페이지에 가장 먼저 데이터를 출력한다.

대부분 테스트나 디버깅을 위해 사용된다.

 

<script>
 
    document.write(4 * 5);
 
</script>

 

---

브라우저 콘솔에 출력console.log()

웹 브라우저의 콘솔을 통해 데이터를 출력해 준다.

 

// 브라우저 F12 개발자 모드에서 확인 가능 
    console.log("출력");