※ 실행위치 방식
![](https://blog.kakaocdn.net/dn/bfzfok/btsyH07Nk0A/9bYKRiWskn8Ti05dfgStqk/img.png)
· 내부 방식
head 혹은 body영역에 script 태그를 작성해서 그 안에
js 문법을 사용하는 방법
![](https://blog.kakaocdn.net/dn/pQrNc/btsyLMUXhPg/gVY57JCjdvZnxd5TRnF7kK/img.png)
![](https://blog.kakaocdn.net/dn/sKocP/btsyH5OQAud/FV1pFhAkEwgV1tfQP7yK0k/img.png)
· 인라인 방식
태그 안에 직접 기능을 넣어줄 때 사용
<button onmouseenter="alert('마우스 올림!')">마우스 올리기!</button>
· 외부 방식
외부의 js파일 안에 js문법을 작성한 후 연결
<button onclick="ck()">마우스 클릭!</button>
![](https://blog.kakaocdn.net/dn/xgjnQ/btsyLJqtez4/7YyetPEKufLhqfBvelJOF1/img.png)
![](https://blog.kakaocdn.net/dn/dDJBth/btsyMe4QvHj/ajTkVubs0CwDBFtGjJMPz1/img.png)
![](https://blog.kakaocdn.net/dn/JYZXg/btsyH1ezdSd/oyNeJ68J5KM2ER6fZlzhy0/img.png)
![](https://blog.kakaocdn.net/dn/c8m4wR/btsyMOrgoWF/BgzX9GPcTetKMzwdwBxd01/img.png)
//ex12외부.js 파일
function ck(){
alert('외부에서 가지고 온 기능입니다.')
}
● 만들어진 마우스 올리기(인라인), 클릭(외부) 버튼
![](https://blog.kakaocdn.net/dn/cETP4l/btsyH2R9JAJ/Pz87Px9VBIQoXLKoB66OF0/img.png)
=>마우스 올렸을 때(인라인 방식)
![](https://blog.kakaocdn.net/dn/q7FWS/btsyNvSv3Jz/AezEfZemhGUanxVzSEpfn0/img.png)
=?마우스 클릭했을때(외부 방식)
![](https://blog.kakaocdn.net/dn/dpzDE7/btsyIIlzC41/k1IHzY4NGHLon8o2ju9Ki0/img.png)
반응형
'개발 공부 > JS, JQuery' 카테고리의 다른 글
자바스크립트 for each 문 , for in 문 , for of문 (0) | 2023.10.18 |
---|---|
자바 스크립트, 배열, 배열함수 (0) | 2023.10.18 |
자바 스크립트 기초, 조건문, 반복문 (0) | 2023.10.18 |
자바 스크립트 기초, 연산자, 형변환 (0) | 2023.10.18 |
자바 스크립트 기초, 입/출력, 변수선언 (0) | 2023.10.18 |