document.write(), document.writeln() 메소드

이 메소드는 둘다 새로운 문서를 작성하는데 사용되는 메소드입니다. document.writeln() 은 개행문자를 덧붙인다는 것 외에는 document.write() 와 같습니다.

document.write() 메소드는 순서대로 괄호안의 인자(문자열)를 문서에 덧붙여 출력 합니다. 문자열이 아닌 인자들은 문자열로 자동으로 변환된 후에 덧붙여 집니다.

새로운 문서를 작성할 때에는 이 메소드가 document.open() 메소드를 포함하기 때문에 굳이 document.open()을 사용할 필요가 없지만 document.write()를 종료한 후에는 document.close() 는 반드시 붙여 주어야 합니다

이 메소드는 아래의 예문처럼 팝업창을 나타내는데 유용하게 사용됩니다.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <META http-equiv="content-type" content="text/html; charset=euc-kr">
  5. <TITLE> Jasko Sample Script </TITLE>
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!--
  8. function myFunc() {
  9.         myWin = window.open("","popwin","width=400,height=300");
  10.         myWin.document.open();
  11.         myWin.document.write("<HTML><HEAD><TITLE>SAMPLE</TITLE></HEAD>");
  12.         myWin.document.write("<BODY bgColor='gold'>");
  13.         myWin.document.write("<P align=center><b>안녕하세요?</B></P>");
  14.         myWin.document.write("</BODY></HTML>");
  15.         myWin.document.close();
  16. }
  17. //-->
  18. </SCRIPT>
  19. </HEAD>
  20.  
  21. <BODY>
  22.  
  23. <input type=button onClick="myFunc();" value="새창 열기">
  24.  
  25. </BODY>
  26. </HTML>

 

아래의 예문은 document.writeln()을 사용하여 새로운 문서를 작성한 예입니다.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <META http-equiv="content-type" content="text/html; charset=euc-kr">
  5. <TITLE> Jasko Sample Script </TITLE>
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!--
  8. function myFunc() {
  9.         myWin = window.open("","popwin","width=400,height=300");
  10.         myWin.document.open();
  11.         myWin.document.writeln("<HTML><HEAD><TITLE>SAMPLE</TITLE></HEAD>");
  12.         myWin.document.writeln("<BODY bgColor='gold'>");
  13.         myWin.document.writeln("<P align=center><b>안녕하세요?</B></P>");
  14.         myWin.document.writeln("</BODY></HTML>");
  15.         myWin.document.close();
  16. }
  17. //-->
  18. </SCRIPT>
  19. </HEAD>
  20.  
  21. <BODY>
  22.  
  23. <input type=button onClick="myFunc();" value="새창 열기">
  24.  
  25. </BODY>
  26. </HTML>

 

위 두가지 예문에서 사용한 메소드에 따라 팝업윈도우의 소스보기를 하면 어떻게 개행처리 되었나 비교할 수 있습니다.