목차

JavaScript Output

  • description : JavaScript HTML DOM - 1. DOM Intro
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-23


Source of the article


JavaScript Display Possibilities

자바스크립트는 하기와 같은 다양한 방식으로 데이터를 나타낼 수 있습니다.

Using innerHTML

HTML요소에 접근하기 위해 JavaScript는 document.getElementById(id) 메서드를 사용할 수 있습니다.
id 속성은 HTML 요소를 정의합니다. innerHTML 속성은 HTML 콘텐츠를 정의합니다:

예제

My First Web page

My First Paragraph


HTML 요소의 innerHTML 속성을 변경하는 것이 HTML에서 데이터를 표시하는 일반적인 방법입니다.

Using document.write()

테스트 목적의 경우 document.write()을 사용하는 것이 편합니다.

예제

My First Web Page

My First Paragraph

Never call document.write after the documnt has finishd loading. It will overwrite the whole documnt.
웹 페이지의 모든 내용이 로딩된 후에 document.write() 메서드가 실행되면, 웹 페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력하게 됩니다.


**HTML 문서가 로딩 된 이후에 document.write( )를 사용할 경우, 화면에서 존재하는 모든 HTML를 삭제합니다.

예제

My First Web Page

My First Paragraph


documnt.write( )는 테스트 목적으로만 사용되어야 합니다.

Using window.alert( )

alert박스를 사용하여 데이터를 표시할 수 있습니다.

예제

My First Web Page

My First paragraph


window 키워드를 사용하지 않아도 됩니다.

자바스크립트에서 window 오브젝트는 전역 오브젝트(global scope object)입니다.
이는 기본적으로 변수(variables), 속성(properties), 그리고 메서드(methods)는 window 오브젝트에 속한다는 것을 의미합니다.
또한 window 키워드 지정은 선택할 수 있다는 것을 의미합니다.

예제

My First Web Page

My First paragraph


Using console.log()

디버깅 목적으로 console.log() 메서드를 사용하여 브라우저에서 데어터를 표시할 수 있습니다.

예제

Activate Debugging

F12 on your keyboard will activate debugging.

Then select "Console" in the debugger menu.

Then click Run again.


JavaScript Print

자바스크립트에는 어떠한 프린트 오브젝트나 프린트 메서드가 없습니다.
자바스크립트에서 출력 장치에 접근할 수 없습니다.
유일한 예외는 브라우저에서 window.print( ) 메서드를 호출하여 현재 창의 콘텐츠를 프린트할 수 있다는 것입니다.

예제

The window.print() Method

Click the button to print the currnt page