공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 프론트엔드 ■/JavaScript

document.write와 document.writeln의 차이점

serpiko 2013. 10. 13. 23:19

기본적으로 document.write와 document.writeln은 같은기능을 한다.

 

단, <PRE>태그를 사용 했을때, 자동줄바꿈이 되느냐 안되느냐의 차이가 있다.

 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> document.write와 document.writeln의 차이점 </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>

<PRE>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
 document.writeln("줄바뀜1,");
 document.writeln("줄바뀜2,");
 document.write("안바뀐다1 ");
 document.write("안바뀐다2 ");
</SCRIPT>
</PRE>

 </body>
</html>

 

결과화면

 

 

 

여기서 주의할점은 14라인을 들여쓰기(띄어쓰기)하면 공백이 생긴다. <PRE>태그의 기본기능을 생각해보면 당연하긴 하다.

 

가령 아래14번 라인과 같이 "<SCRIPT..." 부분을 들여쓰기 하게되면

 

결과화면

 

 

저작자표시 비영리 변경금지

'■ 프론트엔드 ■ > JavaScript' 카테고리의 다른 글

window.cancelAnimationFrame() - 애니메이션 타이밍 정지  (0) 2013.10.13
window.requestAnimationFrame() 메서드 - 애니메이션의 타이밍 컨트롤  (0) 2013.10.13
자바스크립트 계층 구조  (0) 2013.10.13
null,undefined 차이점  (0) 2013.10.13
console  (0) 2013.10.13
댓글