1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
 
 
    <!-- ex03.htm -->
    
    
    
    <input type="text" name="txt1" />
    <br />
    <div id="div1"></div>
        
    
    <script type="text/javascript">
        
    
        //자바스크립트 출력    
        //1. alert()
            alert("안녕~"); //메시지박스, 다이얼로그상자(대화상자).,
        
        //2. document.write() //x
        
        //3. HTML Element //********        
            document.all.txt1.value = "텍스트박스";
            document.getElementById("div1").innerText = "영역입니다.";
        
        //4. 콘솔 출력(브라우저 개발자용 콘솔) //개발, 디버깅용
            console.log(100);
            console.log("테스트이빈다."); //f12 - 콘솔창에서 확인
                
        
    </script>
    
    
</body>
</html>
cs


'WEB > JS' 카테고리의 다른 글

문자열 / 길이 / 검색 / 치환 / 벼환 / 분할 / 추출 / 제어문  (0) 2016.01.22
함수  (0) 2016.01.22
기본 문법 var  (0) 2016.01.22
자바스크립트가 실행되는 순서  (0) 2016.01.22
자바스크립트란? / 적용방법  (0) 2016.01.22

+ Recent posts

티스토리툴바