Front-end/Java Script

JavaScript : Function 의 선언 및 호출하기

sunnnkim 2020. 1. 6. 15:26

* 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>