JavaScript에서 document.write를 써보자
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의 값이
출력되는 것을
확인 할 수 있습니다.
'웹(Web) > JavaScript' 카테고리의 다른 글
| JavaScript 마우스 이벤트(mouse event) (0) | 2016.11.13 |
|---|---|
| getElementById() + 요소,태그,속성,속성값이란 (1) | 2016.08.01 |
| prompt를 써보자 (1) | 2016.07.30 |
| confirm을 써보자 (0) | 2016.07.22 |
| JavaScript alert 사용해서 Hello World 띄우기 (0) | 2016.06.19 |