< 자바스크립트 호출 방법 >
- 자바스크립트 호출방법으로 5가지가 있다.
- 외부호출, head 호출, body 호출, 버튼 호출, 하이퍼링크 호출
① 외부호출
- 외부호출은 같은 파일 내가 아닌 다른 파일 내용을 불러오는 것으로 경로지정이 필요하다
- 경로지정은 src로 한다
- head 안에서 선언해준다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 외부 파일 호출 -->
<script type="text/javascript" src = "ex.js" ></script>
</head>
<body>
</body>
</html>
② head 호출
- <head> 태그 안에서 호출해주는 방법이다.
- alert()를 통해서 확인해보겠다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
<!-- head 호출 -->
alert(" 안녕 ! (head)");
</script>
</head>
<body>
</body>
</html>
③ body 호출
- <body> 태그 안에서 호출하는 방법이다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
<!-- body 호출 -->
alert(" 안녕 ! (body)");
</script>
</body>
</html>
④ 버튼 호출
- 버튼을 누름으로서 자바스크립트를 호출하는 방법이다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 버튼 호출 -->
<input type="button" value="자바스크립트 버튼" onclick="alert('안녕(버튼)');"> <br>
</body>
</html>
⑤ 하이퍼링크 호출
- 화면에 보여지는 링크를 클릭함으로서 자바스크립트를 호출하는 방법이다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 링크 호출 -->
<a href= "javascript: alert('안녕(a링크)');"> 자바스크립트 링크 </a>
</body>
</html>
- 외부호출과 head 호출은 <head> 태그안에 기술했고, body 호출, 버튼 호출, 링크 호출은 <body> 태그 안에 기술했다.
'자바 웹 개발자가 될거야 > JSP' 카테고리의 다른 글
| [JSP] 게시글 본문 수정하기 (0) | 2021.12.21 |
|---|---|
| [JSP] 목록 글 클릭하여 게시글 본문보기 (0) | 2021.12.21 |
| [JavaScript] 자바스크립트 특징 / 유의사항 (0) | 2021.12.17 |
| [Eclipse] Tern 이클립스 자동완성 기능 (0) | 2021.12.17 |
| [JSP] 페이징 처리 / 한 페이지에 보여지는 게시글 수 (0) | 2021.12.10 |
