======JavaScript Output====== * description : JavaScript HTML DOM - 1. DOM Intro * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 \\ ====Source of the article==== * [[https://www.w3schools.com/js/js_output.asp|JavaScript Output]] \\ =====JavaScript Display Possibilities===== 자바스크립트는 하기와 같은 다양한 방식으로 데이터를 나타낼 수 있습니다.\\ * ''innerHTML''을 사용하여 HTML 요소에 작성하기 * ''document.write()''를 사용하여 HTML output(아웃풋, 출력)에 작성하기 * ''window.alert()''를 사용하여 alert 박스에 작성하기 * ''console.log()''를 사용하여 브라우저 콘솔에 작성하기 =====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

\\ \\ {{tag>오션 Javascript output}}