자바스크립트 코드 위치 설정하기

1.HTML 태그의 이벤트 리스너 속성에 작성

 

예시) <img src="apple.png" alt="img" onclick="this.src="'banana.png'">

onclick - click이벤트 리스너 속성

"this.src="banana.png"" - 이벤트리스너 자바스크립트 속성

사과사진에서 클릭하면 바나나사진으로 바뀐다.

 

 여기서! 이벤트는 click,change 등이 있으며 이벤트를 처리하는 js코드를 이벤트리스너라 한다

 이벤트 앞에 on을 붙인 이름이 이벤트 리스너 속성으로 사용된다

 

2. <script> </script>태그에 작성

head나 body 내 어디든 들어갈 수 있다.

여러 번 삽입할 수 있다.

 

 

3. URL 부분에 작성

예시) <a href="javascript:alert("클릭하셨나요?")"> 클릭해보세요 </a>

 

 

4. 자바스크립트 파일에 작성

자바스크립트 코드를 별도의 파일로 저장하고 html 내에서 작성이 가능하다

<script src="파일이름.js">

</script>