자바스크립트 간단한 출력 방법 document와 window

by

자바스크립트의 출력 방법 중에서 document.write()는 괄호안의 값을 출력합니다. 출력 결과의 줄바꿈은 <br>태그 삽입을 사용합니다. window.alert()는 괄호안의 값을 윈도우 창에 출력합니다.

document.write() : 출력

document.write()는 괄호안의 값을 웹페이지에 출력합니다.문자 데이터는 큰 따옴표를 붙여줍니다.

document.write("Hello World!");

자바스크립트의 모든 코드는 <script> 라는 HTML 태그 사이에 위치합니다. 메모장이나 사용중인 웹 에디터에서 아래 코드를 입력하면 괄호안의 데이터가 브라우저에 출력됩니다.

<script>
  document.write("Hello World!");
</script>

window.alert() : 경고 상자

window.alert()는 웹 브라우저 위에 경고 상자를 생성해서 입력된 데이터를 출력합니다. 이번에는 숫자 데이터를 출력해보겠습니다. 숫자는 따옴표 없이 바로 삽입합니다.

<script>
  window.alert(3.14);
</script>

자바스크립트 줄바꿈 <br>

자바스크립트에서 줄바꿈에는 여러가지 방법이 있지만 <br> 태그 삽입으로 간단하게 구현해볼 수 있습니다.

쉼표와 따옴표를 사용해서 <br> 태그를 삽입하면 출력 결과물을 줄바꿔서 출력할 수 있습니다.

<script>
  document.write("Hello World!", '<br>');
  document.write("Hello World!", '<br>');
  document.write("Hello World!" + '<br>');
</script>

또는 + 산술 연산자를 사용해서 결합시켜도 됩니다.