Home
JavaScript

줄바꿈 비교 정리 - document.writeln() document.write()

writeln은 문자, 코드 등을 쓰는 메소드입니다. write와 차이점은 줄바꿈이 들어간다는 것입니다. writeln에는 줄바꿈이 들어갑니다. 하지만 HTML 특성 상 한 칸 띄어쓴 것처럼 보입니다. pre 태그로 감싸면 줄바꿈이 표현된 것을 볼 수 있습니다.

document.writeln()

document.writeln()은 문자, 코드 등을 쓰는 메소드입니다. document.write()와 차이점은 줄바꿈이 들어간다는 것입니다.

 

예제

  • document.writeln()에는 줄바꿈 기호가 들어갑니다.
  • 하지만 HTML 특성 상 한 칸 띄어쓴 것처럼 보입니다.
  • pre 태그로 감싸면 줄바꿈이 표현된 것을 볼 수 있습니다.
<p><strong>document.write</strong></p>
<script>
  document.write( 'Hello World' );
  document.write( 'Have a nice day!' );
</script>

<p><strong>document.writeln</strong></p>
<script>
  document.writeln( 'Hello World' );
  document.writeln( 'Have a nice day!' );
</script>

<p><strong>document.write - pre</strong></p>
<pre><script>
  document.write( 'Hello World' );
  document.write( 'Goodbye World' );
</script></pre>

<p><strong>document.writeln - pre</strong></p>
<pre><script>
  document.writeln( 'Hello World' );
  document.writeln( 'Goodbye World' );
</script></pre>

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

 

document.write()

document.write()은 문자, 코드 등을 쓰는 메소드입니다.

 

기본형

document.write( exp1, exp2, ... )

 

예제

document.write( 'Hello', 'World' );
  • Hello와 World를 연달아 출력합니다.

 

document.write( 1+1 );
  • 2를 출력합니다.

 

document.write( '<p style="font-size: 80px; text-align: center;">Hello</p>' );
  • 코드는 코드로 인식합니다.

 

document.write( '<script>document.write( "Hello" )<\/script>' );
  • 닫는 script 태그에는 \를 붙여서 <\/script>로 씁니다.

Post a Comment