JavaScript_STUDY/JavaScript01.html at master · CreativePersonDW/JavaScript_STUDY · GitHub

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<html lang="ko">
    <head>
        <title>자바스크립트 개요</title>
        <script type="text/javascript" src="js/sample.js"></script>
    </head>
    <body>
        <h1>자바스크립트 개요</h1>
        <dl>
            <dt>스크립트 언어란?</dt>
            <dd>
                기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록
                해주는 용도로 사용된다.<br>
                매우 빠르게 배우고 짧은 소스코드 파일로 상호작용 하도록
                고안되었다.
            </dd>
        </dl>

        <dl>
            <dt>자바 스크립트</dt>
            웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체지향
            프로그래밍 언어이다.<br>
            ECMA 스크립트 표준을 따르는 대표적인 웹 기술이다.
        </dl>

        <dl>
            <dt>자바스크립트 사용법</dt>
            <dd>
                <ol>
                    <li>태그에 직접 간단소스코드를 작성해서 실행되게
                        하는 방법
                    </li>
                    <li>
                        script 태그 영역에 작성해서 실행되게 하는 방법
                    </li>
                    <li>
                        별도의 js파일로 작성해서 가져다 사용하는 방법
                    </li>
                </ol>
            </dd>
        </dl>

        <hr>
        <h2>태그에 직접 자바스크립트 코드를 작성해서 실행되게 하는경우</h2>
        <button onclick="alert('버튼 클릭 확인')">클릭하세요!</button>
        <br>
        <h2>별도로 작성된 자바 스크립트 함수 사용 테스트</h2>
        <button onclick="samp();">samp() 실행</button>
        <br>
        <h2>script 태그 안에 함수 단위로 소스 작성하고, 태그에서
            onevent="함수명();"로 사용되는 경우
        </h2>
        <button onclick="testfn();">script태그 안의 함수 실행 버튼</button>
        <script>
            function testfn(){
                alert('testfn()함수 실행됨')
            }
        </script>
        <!-- script태그는 어느 영역이든 상관없이 선언해도 된다. -->


        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


    </body>

</html>