1-3-4.Ãâ·Â

¹®¹ýÀ» ½Ç½ÀÇÏ·Á¸é ÄÚµåÀÇ ½ÇÇà °á°ú¸¦ È­¸é¿¡ Âï¾î¼­ È®ÀÎÇØ ºÁ¾ß ÇÑ´Ù. °á°ú°¡ ³Ê¹« »·ÇØ º¸¿©µµ Äڵ常 º¸´Â °Íº¸´Ù´Â ´«À¸·Î ½ÇÇà ¸ð½ÀÀ» Á÷Á¢ È®ÀÎÇϸ鼭 Áøµµ¸¦ ³ª°¡¾ß È®½ÇÈ÷ ÀÌÇØÇß´Ù´Â ´À³¦ÀÌ µç´Ù. Çѱ¹ »ç¶÷Àº Áö±ØÈ÷ ´ç¿¬ÇÑ °Íµµ ´«À¸·Î Á÷Á¢ ºÁ¾ß ¹Ï´Â ½À¼ºÀÌ ÀÖ´Ù.

¶Ç °¡º¯ÀûÀÎ °ª¿¡ µû¶ó È帧À» Á¦¾îÇÒ ¶§´Â »ç¿ëÀڷκÎÅÍ °ªÀ» ÀÔ·Â¹Þ¾Æ¾ß ÇÒ Çʿ䵵 ÀÖ´Ù. ±×·¡¼­ ¿©±â¼­´Â ¹®¹ý ÇнÀ¿¡ ¾Õ¼­ ±âº»ÀûÀÎ ÀÔÃâ·Â ¹æ¹ýºÎÅÍ ¾Ë¾Æ º¸±â·Î ÇÑ´Ù. À¥ ÆäÀÌÁö¿¡ ¹®ÀÚ¿­À» Ãâ·ÂÇÒ ¶§´Â Document ³»Àå °´Ã¼ÀÇ ´ÙÀ½ ¸Þ¼­µå¸¦ È£ÃâÇÑ´Ù.

 

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

document.writeln(exp1,exp2,exp3,...)

 

document.write°¡ Ãâ·Â ¸Þ¼­µåÀÇ À̸§ÀÌ´Ù. °ýÈ£¾È¿¡ Ãâ·ÂÇÏ°í ½ÍÀº Ç¥Çö½ÄÀ» ÄÞ¸¶·Î ±¸ºÐÇÏ¿© ³ª¿­ÇÏ¸é ¸ðµç °ªÀ» ÇѲ¨¹ø¿¡ ¿¬°áÇÏ¿© Ãâ·ÂÇÑ´Ù. Ç¥Çö½Ä °³¼ö¿¡ Á¦ÇÑÀº ¾øÀ¸¹Ç·Î ¾ó¸¶µçÁö ¸¹Àº º¯¼ö³ª ¼ö½ÄÀ» Ãâ·ÂÇØ º¼ ¼ö ÀÖ´Ù.

 

docwrite.html

<!DOCTYPE html>

<html>

<head>

     <meta charset="utf-8">

     <title>docwrite</title>

</head>

<body>

     <script>

         var score = 88;

         document.write("Á¡¼ö´Â ", score, "ÀÔ´Ï´Ù.");

     </script>

</body>

</html>

 

score¶ó´Â º¯¼ö¸¦ È­¸é¿¡ Ãâ·ÂÇß´Ù. °ª¸¸ ´ú·· Ãâ·ÂÇÏ¸é ¹«½¼ °ªÀÎÁö ¾Ë±â ¾î·Á¿ì¹Ç·Î ¾ÕµÚ·Î Àû´çÇÑ ¾È³»¹®À» ³Ö¾ú´Ù. º¯¼ö ¾ÕµÚ·Î ¹®ÀÚ¿­À» °°ÀÌ Ãâ·ÂÇß´Ù. ½ÇÇàÇÏ¸é ºê¶ó¿ìÀú È­¸é¿¡ score º¯¼öÀÇ ½ÇÁ¦°ªÀÌ Ãâ·ÂµÈ´Ù.

¼¼ Ç¥Çö½ÄÀ» °¢°¢ µû·Î Àü´ÞÇÏ´Â ´ë½Å + ¿¬»êÀÚ·Î ¿¬°áÇÏ¿© ÇϳªÀÇ Ç¥Çö½ÄÀ¸·Î Àü´ÞÇØµµ °á°ú´Â ¸¶Âù°¡ÁöÀÌ´Ù. ¹®ÀÚ¿­¿¡ ´ëÇÑ + ¿¬»êÀÚ´Â ¿¬°á µ¿ÀÛÀ¸·Î Á¤ÀǵǾî ÀÖ¾î º¯¼ö°ªÀ» ¹®ÀÚ¿­¿¡ Æ÷ÇÔ½ÃÄÑ ÇϳªÀÇ ±ä ¹®ÀÚ¿­À» ¸¸µé¾î ³½´Ù.

 

document.write("Á¡¼ö´Â " + score + "ÀÔ´Ï´Ù.");

 

writeln ¸Þ¼­µå´Â write¿Í »ç¿ë¹ýÀÌ µ¿ÀÏÇ쵂 ¸Ç ³¡¿¡ °³Çà Äڵ带 Ãâ·ÂÇÏ¿© °­Á¦ °³ÇàÇÑ´Ù´Â Á¡ÀÌ ´Ù¸£´Ù. ¿©·¯ ÁÙÀ» Ãâ·ÂÇÒ ¶§´Â write ´ë½Å writeln ¸Þ¼­µå¸¦ »ç¿ëÇÑ´Ù. ±×·¯³ª ¸·»ó ÀÌ ¸Þ¼­µå¸¦ È£ÃâÇØµµ °³ÇàÀÌ Á¦´ë·Î µÇÁö ¾Ê´Â´Ù. ´ÙÀ½ ¿¹Á¦·Î ÀÌ ¹®Á¦¸¦ ¿¬±¸ÇØ º¸ÀÚ.

 

docwriteln.html

<!DOCTYPE html>

<html>

<head>

     <meta charset="utf-8">

     <title>docwriteln</title>

</head>

<body>

     <script>

         document.write("Åä³¢");

         document.write("°ÅºÏÀÌ");

        

         document.write("<hr>");

    

         document.writeln("Åä³¢");

         document.writeln("°ÅºÏÀÌ");

 

         document.write("<hr>");

        

         document.write("Åä³¢<br>");

         document.write("°ÅºÏÀÌ");

     </script>

</body>

</html>

 

¼öÆò¼± »çÀÌ »çÀÌ¿¡ ¿©·¯ °¡Áö ¹æ¹ýÀ¸·Î Åä³¢¿Í °ÅºÏÀ̸¦ ¿¬À̾î Ãâ·ÂÇØ º¸¾Ò´Ù. À­ ÁÙÀº write ¸Þ¼­µå¸¦ µÎ ¹ø È£ÃâÇÏ°í °¡¿îµ¥ ÁÙÀº writeln ¸Þ¼­µå¸¦ µÎ ¹ø È£ÃâÇß´Ù. writelnÀº °¢ Ãâ·Â »çÀÌ¿¡ °³Çà Äڵ带 »ðÀÔÇϹǷΠÅä³¢¿Í °ÅºÏÀ̰¡ °¢ÁÙ¿¡ µû·Î ³ª¿Ã °Í °°Áö¸¸ ¸·»ó ½ÇÇàÇØ º¸¸é ¿øÇÏ´Â °á°ú¿Í´Â ´Ù¸£´Ù.

Åä³¢¿Í °ÅºÏÀÌ »çÀÌ¿¡ °ø¹éÀÌ Çϳª ´õ µé¾î°¡ ÀÖÀ» »Ó °á±¹ °°Àº ÁÙ¿¡ Ãâ·ÂµÈ´Ù. ÀÌ·¸°Ô µÇ´Â ÀÌÀ¯´Â writeln ¸Þ¼­µå´Â °³Çà Äڵ带 ½ÇÁ¦·Î Ãâ·ÂÇÏÁö¸¸ À¥ ºê¶ó¿ìÀú°¡ HTML ¹®¼­ÀÇ °³Çà Äڵ带 ¹«½ÃÇϱ⠶§¹®ÀÌ´Ù. HTML ¹®¼­¿¡¼­ ¹°¸®ÀûÀÎ °³Çà ÄÚµå´Â ¾Æ¹«¸® ¸¹¾Æµµ °ø¹é Çϳª¿Í °°À» »ÓÀÌ´Ù. °°Àº ÀÌÀ¯·Î ¹®ÀÚ¿­ Áß°£¿¡ \n È®Àå¿­À» ³Ö¾î °³ÇàÇØµµ ½ÇÁ¦ °³ÇàÀº µÇÁö ¾Ê´Â´Ù.

½ºÅ©¸³Æ®°¡ Ãâ·ÂÇÏ´Â ¹®¼­´Â °á±¹ HTMLÀ̸ç À¥ ºê¶ó¿ìÀú´Â HTML ¹æ½Ä´ë·Î ¹®¼­¸¦ Ãâ·ÂÇÑ´Ù. writeln ¸Þ¼­µå°¡ Ãâ·ÂÇÏ´Â °³Çà Äڵ尡 Á¦´ë·Î È¿°ú¸¦ ¹ßÈÖÇÏ·Á¸é ½ºÅ©¸³Æ®¸¦ <pre> ű׷Π°¨½Î´Â ¹æ¹ýÀ» »ý°¢ÇÒ ¼ö ÀÖ´Ù. <pre> ÅÂ±× ¾È¿¡¼­´Â °ø¹éÀ̳ª °³Çà Äڵ尡 ±×´ë·Î À¯ÁöµÈ´Ù. ±×·¯³ª µÎ ÁÙ Ãâ·ÂÇϰíÀÚ ¸Å¹ø <pre> ű׸¦ ¾²´Â °ÍÀº ³Ê¹« ¹ø°Å·Ó´Ù.

HTML ¹®¼­°¡ ¿ä±¸Çϴ´ë·Î °³ÇàÇÒ ¶§´Â <br> ű׸¦ »ç¿ëÇÏ´Â °ÍÀÌ ÁÁ´Ù. ¸¶Áö¸· ÁÙÀº write ¸Þ¼­µå·Î Ãâ·ÂÇ쵂 Åä³¢ ´ÙÀ½¿¡ <br> ű׸¦ °°ÀÌ Ãâ·ÂÇÏ¿© HTML ¹®¼­»ó¿¡¼­ °³ÇàÇϵµ·Ï Çß´Ù. <br>ű׿¡ ÀÇÇØ µÎ µ¿¹°ÀÌ °³ÇàµÇ¾î Ãâ·ÂµÈ´Ù. ±»ÀÌ µÎ ¹ø¿¡ ³ª´©¾î Ãâ·ÂÇÒ ÇÊ¿ä ¾øÀÌ ±×³É Çѹø¿¡ "Åä³¢<br>°ÅºÏÀÌ"·Î Ãâ·ÂÇØµµ »ó°ü¾øÀ¸¸ç Åä³¢¿Í °ÅºÏÀ̸¦ °¢°¢ÀÇ <p> ű׷Π°¨½Î´Â °Íµµ °¡´ÉÇÏ´Ù. HTML ¹®¼­¿¡¼­ÀÇ °³Çà ¿©ºÎ´Â <br> ű׷Π°áÁ¤ÇÏ¸ç ±×·¡¼­ writeln ¸Þ¼­µå´Â ½ÇÁ¦·Î º° ½Ç¿ë¼ºÀÌ ¾ø´Ù.

¹®¼­°¡ ·ÎµåµÇ±â ÀüÀÇ Ãâ·ÂÀº »õ ¹®¼­¿¡ ´©ÀûÀûÀ¸·Î Ãâ·ÂµÈ´Ù. ±×·¡¼­ write ¸Þ¼­µå·Î Åä³¢¿Í °ÅºÏÀ̸¦ ¼ø¼­´ë·Î Ãâ·ÂÇÏ¸é µÎ µ¿¹°ÀÌ ¹®¼­¿¡ Â÷·Ê´ë·Î ³ªÅ¸³­´Ù. ±×·¯³ª ¹®¼­°¡ ´Ù ·ÎµåµÇ¾î È­¸é¿¡ Ç¥½ÃµÈ »óÅ¿¡¼­ write ¸Þ¼­µå´Â »õ·Î¿î Ãâ·ÂÀ» ¹®¼­ µÚ¿¡ ´©Àû½ÃŰ´Â °ÍÀÌ ¾Æ´Ï¶ó ¹®¼­ Àüü¸¦ ´Ù Áö¿ì°í »õ·Î Ãâ·ÂÇÑ´Ù.

 

runtimewrite.html

<!DOCTYPE html>

<html>

<head>

     <meta charset="utf-8">

     <title>runtimewrite</title>

</head>

<body>

     <p>´ÙÀ½ ¹öưÀ» ´­·¯ º¸¼¼¿ä</p>

     <input type="button" value="¿ä±â¿ä" onClick="btnClick()">

     <script>

         function btnClick() {

              document.write("Âü ÀßÇß¾î¿ä");

         }

     </script>

</body>

</html>

 

ÆäÀÌÁö¸¦ ·ÎµåÇϸé <p> ű׿¡ ÀÇÇØ Ãâ·ÂµÈ ¹®´Ü°ú <input> ű׷Π¹èÄ¡ÇÑ ¹öư¸¸ º¸ÀδÙ. ½ºÅ©¸³Æ®°¡ ÀÛ¼ºµÇ¾î ÀÖÁö¸¸ ÇÔ¼ö¸¸ Á¤ÀÇÇÏ´Â °ÍÀ̾ ¹Ù·Î ½ÇÇàµÇÁö ¾ÊÀ¸¸ç ¹öưÀ» Ŭ¸¯ÇÒ ¶§ È£ÃâµÈ´Ù. ½ÇÇàÁß¿¡ ¹öưÀ» ´©¸£¸é write ¸Þ¼­µå¿¡ ÀÇÇØ ¹®¼­°¡ ´Ù½Ã ÀÛ¼ºµÇ¹Ç·Î ¹®´Ü°ú ¹öưÀÌ »ç¶óÁ® ¹ö¸®°í È­¸é¿¡´Â write ¸Þ¼­µå°¡ Ãâ·ÂÇÑ ¹®ÀÚ¿­¸¸ ³²´Â´Ù.

 

¸¸¾à ±âÁ¸ ³»¿ëÀ» À¯ÁöÇÑ Ã¤ ¹öư ¾Æ·¡ÂÊ¿¡ »õ·Î¿î ¹®ÀÚ¿­À» Ãâ·ÂÇÏ°í ½Í´Ù¸é DOM °ü·Ã ¸Þ¼­µå·Î »õ ¹®´ÜÀ» ¸¸µé¾î Ãß°¡ÇÏ´Â º¹ÀâÇÑ Äڵ带 »ç¿ëÇØ¾ß ÇÑ´Ù. ÀÌ·± Ư¼ºÀ¸·Î ÀÎÇØ write ¸Þ¼­µå´Â ½ÇÁ¦ ÇÁ·ÎÁ§Æ®¿¡¼­ °á°ú Ãâ·Â¿ëÀ¸·Î °ÅÀÇ »ç¿ëµÇÁö ¾Ê´Â´Ù. ´Ù¸¸ ÄÚµåÀÇ ½ÇÇà °á°ú¸¦ °£ÆíÇÏ°Ô È®ÀÎÇÒ ¼ö ÀÖ´Â ÇнÀ¿ë ¸Þ¼­µåÀÏ »ÓÀÌ´Ù.