문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
======JavaScript Output======
<WRAP left notice 80%>
  * description : JavaScript HTML DOM - 1. DOM Intro
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-23
</WRAP>
<WRAP clear></WRAP>
\\
====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%% 콘텐츠를 정의합니다:\\
====예제====
<HTML>
<!DOCTYPE html>
<html>
<body>
    <h2>My First Web page</h2>
    <p>My First Paragraph</p>
    <p id="demo"></p>
    <script>
        document.getElementById("demo").innerHTML = 5 + 6;
    </script>
</body>
</html>
</HTML>
\\
%%HTML%% 요소의 %%innerHTML%% 속성을 변경하는 것이 %%HTML%%에서 데이터를 표시하는 일반적인 방법입니다.\\
=====Using document.write()=====
테스트 목적의 경우 ''document.write()''을 사용하는 것이 편합니다.\\
====예제====
<HTML>
<body>

    <h2>My First Web Page</h2>
    <p>My First Paragraph</p>

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

    <script>
        document.write(5 + 6);
    </script>
</body>
</HTML>
\\
**%%HTML%% 문서가 로딩 된 이후에 document.write( )를 사용할 경우, 화면에서 존재하는 모든 %%HTML%%를 삭제합니다.\\
====예제====
<HTML>
<body>

    <h2>My First Web Page</h2>
    <p>My First Paragraph</p>

    <button type="button" onclick="document.write(5 + 6)">Try it!</button>

</body>
</HTML>
\\
documnt.write( )는 테스트 목적으로만 사용되어야 합니다.\\
=====Using window.alert( )=====
alert박스를 사용하여 데이터를 표시할 수 있습니다.\\
====예제====
<HTML>
<body>

    <h2>My First Web Page</h2>
    <p>My First paragraph</p>

    <script>
        window.alert(13 + 8);
    </script>

</body>
</HTML>
\\
''%%window%%'' 키워드를 사용하지 않아도 됩니다.\\
\\
자바스크립트에서 %%window%% 오브젝트는 전역 오브젝트(global scope object)입니다.\\
이는 기본적으로 변수(variables), 속성(properties), 그리고 메서드(methods)는 %%window%% 오브젝트에 속한다는 것을 의미합니다.\\
또한 ''%%window%%'' 키워드 지정은 선택할 수 있다는 것을 의미합니다.\\ 
====예제====
<HTML>
<body>

    <h2>My First Web Page</h2>
    <p>My First paragraph</p>

    <script>
        alert(13 + 8);
    </script>

</body>
</HTML>
\\
=====Using console.log()=====
디버깅 목적으로 ''console.log()'' 메서드를 사용하여 브라우저에서 데어터를 표시할 수 있습니다.\\
====예제====
<HTML>
<body>

    <h2>Activate Debugging</h2>

    <p>F12 on your keyboard will activate debugging.</p>
    <p>Then select "Console" in the debugger menu.</p>
    <p>Then click Run again.</p>

    <script>
        console.log(5 + 6);
    </script>
</body>
</HTML>
\\
=====JavaScript Print=====
자바스크립트에는 어떠한 프린트 오브젝트나 프린트 메서드가 없습니다.\\
자바스크립트에서 출력 장치에 접근할 수 없습니다.\\
유일한 예외는 브라우저에서 ''window.print( )'' 메서드를 호출하여 현재 창의 콘텐츠를 프린트할 수 있다는 것입니다.\\
\\
====예제====
<HTML>
<body>

    <h2>The window.print() Method</h2>

    <p>Click the button to print the currnt page</p>

    <button onclick="window.print()">Print this page</button>

</body>
</HTML>
\\
\\
{{tag>오션 Javascript output}}
문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구
