JavaScript에서 document.write를 써보자

Posted by ITPangPang
2016.06.23 23:47 웹(Web)/JavaScript


JavaScript에서 

document.write를 써보자



ㆍ document.write는 그냥 html에서 텍스트를 써주는것과

   같다고 보면 된다.


ㆍ 사용법 역시 간단하게 document.write("할말");이라고 

    써주면 끝난다.



아주 간단하지만

그래도 기본이므로

몇가지를 써보도록

하겠습니다.



먼저 HTML에서

텍스트를 띄우기

위해서는


아래와 같이 사용합니다

<html>

<head>

        <title>ITPANGPANG</title>

</head>

<body>

ITPANGPANG

</body>

</html>


   

위와 똑같은 결과를

얻기 위해서


JavaScript에서는

document.write("ITPANGPANG");

이라고 적어주시면 끝납니다

<html>

<head>

        <title>ITPANGPANG</title>

</head>

<body>

<script type="text/javascript">

        document.write("ITPANGPANG");

    </script>

</body>

</html>

위와 같이

<script>와 </script>

사이에 document.write를 

넣어주시면

됩니다.


그렇다면 그냥 위에처럼

써도 되는것을


왜 굳이 JavaScript로 쓰는가

생각 하실수 있습니다


이건 바로 반복문 몇개만

넣어봐도 쉽게 궁금증이

해결됩니다.


HTML에서

ITPANGPANG을

10번 출력하기 위해서

<html>

<head>

        <title>ITPANGPANG</title>

</head>

<body>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

ITPANGPANG</br>

</body>

</html>


이런식으로 코드를

넣었다면


JavaScript에서는

반복문을 사용해서

간단하게 나타낼

수 있습니다.

<html>

    <head>

        <title>ITPANGPANG</title>

    </head>

    <body>

        <script type="text/javascript">

        var i=0;

        while(i<10)

            {

                i++;

           document.write("ITPANGPNAG</br>");

            }

    </script>

    </body>

</html>


이렇게 반복문을

하나 추가해서

쉽게 아래와 같이

출력할 수 있습니다.


아 그리고

당연히 document.write

안에서

연산도 가능합니다.

<html>

    <head>

        <title>ITPANGPANG</title>

    </head>

    <body>

        <script type="text/javascript">

        var i=0;

        while(i<10)

            {

                i++;

           document.write("1+2="+(1+2)+"</br>");

            }

    </script>

    </body>

</html>


이런식으로 (1+2)가 

연산이 되면서 3의 값이

출력되는 것을

확인 할 수 있습니다.


저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로