티스토리

susukkang.LOG

검색하기

[JavaScript] HTML에 JavaScript 적용하는 방법

WEB/JavaScript

[JavaScript] HTML에 JavaScript 적용하는 방법

developer of the night sky 2023. 10. 4. 16:01

🔻HTML에 JavaScript 적용하는 방법🔻

이벤트 핸들러, 임베디드 방식, 외부 방식 등이 있다.

1. 이벤트 핸들러(Event Handler)

인라인 방식
태그에 직접 기재한다.
모든(대부분) 태그의 onXXX 속성을 제공한다.

<body>
    <input type="button" value="버튼" onclick="alert('클릭')">
</body>

2. 임베디드 방식

<script> 태그 내에 작성한다.
페이지가 로드되자마자 실행된다.

    <script>
        alert('임베디드');
    </script>

3. 외부 방식

js 확장자로 파일을 작성한다.
<script> 태그를 사용하여 html과 js 파일을 연결한다.

<script src="ex02.js"></script>

저작자표시