앱 만들기/JavaScript study

document.writeln 과 document write 차이점

나도 처음이야 2024. 8. 29.

document.writeln과 document write 차이점

이 둘의 차이점은 줄바꿈을 하느냐 하지 않느냐 이다.

그런데, 자바 코드와는 달리 HTML의 pre 태그를 자바스크립트에 감싸 주어야 작동을 한다.

하기와 같이 말이다.

<body>
<pre> 
  <script>    
     document.writeln("안녕하세요.");
     document.write("고맙습니다.");
     document.writeln("좋은 하루보내세요.");
  </script>
</pre>
</script>
</body>

 

이 코드를 브라우저에서 확인 해보면,

브라우저 실행화면

줄 바꿈이 된 것을 확인할 수 있다.

첫 줄의 들여 쓰기는 pre 태그와 writeln의 조합으로 보인다. 정확히 잘 모르겠다. 

문단을 시작해 주는 것 같은 효과를 준다.

 

document.writeln 은 텍스트 출력 후 줄 바꿈.

docuemnt. wirte는 그냥 텍스트만 출력.

 

정리하자면,

자바스크립트 를 사용해서 텍스트를 출력하기 위해서는 먼저.

 

1. HTML  pre 태그를 사용해야 한다.

2. document.writeln 또는 write 함수를 사용해서 텍스트를 출력한다.

3. 둘의 차이점은 줄 바꿈 이다.

4. 첫 줄은 들여쓰기가 들어간다.

 

이다.  Good!

반응형

댓글