Daily coding
JavaScript : Function 의 선언 및 호출하기 본문
* JavaScript : Function
: 자바스크립트 함수 선언, 호출
1. 자바스크립트 함수 작성
1) html파일의 head 안에서 작성
2) html파일의 body안에서 작성
3) 외부에 js파일에 작성 후 호출하여 실행
- 외부에서 파일을 가져올 시, script의 attribute 중 src 를 사용하여 파일명이나 경로를 통해 불러옴
* <script> 태그 안에 아래처럼 함수를 정의하여 사용할 수 있다
function 함수명() {
-- 내용 --
}
<예>
function func() {
alert("func() head 호출");
}
* onclick : 클릭시 이벤트 발생시킨다
- onclick 안에 함수를 호출하면, 해당 태그의 영역을 클릭했을 때 함수가 호출 된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!--
<script type="text/javascript">
function func() {
alert("func() head 호출");
}
// onclick은 태그 클릭할때의 이벤트
// 자바스크립트는 1.head 2.body
// 안에서 실행할 수 있다
// 또한 외부 파일도 불러와서 실행할 수 있다(js파일)
</script> -->
<script type="text/javascript" src="myFunc.js">
// script의 src어트리뷰트에서 외부 js파일을 불러올 수 있다
</script>
</head>
<body>
<p id="demo" onclick="func()">여기가 p태그</p>
<!--
<script type="text/javascript">
function func() {
alert("func() 호출");
}
// onclick은 태그 클릭할때의 이벤트
</script>
-->
</body>
</html>'Front-end > Java Script' 카테고리의 다른 글
| JavaScript : Timer ( setInterval ) 타이머 (0) | 2020.01.06 |
|---|---|
| JavaScript : parseInt (0) | 2020.01.06 |
| JavaScript : 자바스크립트 함수의 타입 (0) | 2020.01.06 |
| JavaScript : 변수와 배열 Variable & Array (0) | 2020.01.06 |
| JavaScript : 자바스크립트 개요 및 getter / setter (0) | 2020.01.06 |