1. 인라인 방식 ( javascript )
인라인 방식은
태그 내부에 직접 작성
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<button type="button" onclick="alert('안녕하세요 인라인방식이에요 ?')">버튼</button>
</body>
</html>
위에 사진에서 보시다시피 버튼이 생성되는데
버튼을 클릭하게 되면 경고창이 나타난다.
1. 아웃 방식 ( javascript ) 스크립트를 사용한 자바스크립트
아웃 방식은
태그 외부에 작성
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
function test(){
alert('아웃 방식입니다.');
}
</script>
</head>
<body>
<button type="button" onclick="test()">버튼</button>
</body>
</html>
마찬가지로 버튼을 누르게 되면
이렇게 하면
인라인 방식과 아웃방식의 차이점을 아시겟죠 ?
유익한 시간이 되셧으면 좋겟습니다 감사합니다 ~
'기존 > 🏀JavaScript' 카테고리의 다른 글
| [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 2 (0) | 2022.08.30 |
|---|---|
| [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 1 (0) | 2022.08.30 |
| [JS] 자바스크립트 form 있는 값 사칙연산하기 (덧셈,뺄샘,곱셈,나눗셈) (0) | 2022.08.30 |
| [JS] 자바스크립트 자료형 변수 Var 사용법 ( typeof 타입 확인) (0) | 2022.08.30 |
| [JS] 자바스크립트 console.log , document 사용법 (0) | 2022.08.30 |
1. 인라인 방식 ( javascript )
인라인 방식은
태그 내부에 직접 작성
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<button type="button" onclick="alert('안녕하세요 인라인방식이에요 ?')">버튼</button>
</body>
</html>
위에 사진에서 보시다시피 버튼이 생성되는데
버튼을 클릭하게 되면 경고창이 나타난다.
1. 아웃 방식 ( javascript ) 스크립트를 사용한 자바스크립트
아웃 방식은
태그 외부에 작성
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
function test(){
alert('아웃 방식입니다.');
}
</script>
</head>
<body>
<button type="button" onclick="test()">버튼</button>
</body>
</html>
마찬가지로 버튼을 누르게 되면
이렇게 하면
인라인 방식과 아웃방식의 차이점을 아시겟죠 ?
유익한 시간이 되셧으면 좋겟습니다 감사합니다 ~
'기존 > 🏀JavaScript' 카테고리의 다른 글
| [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 2 (0) | 2022.08.30 |
|---|---|
| [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 1 (0) | 2022.08.30 |
| [JS] 자바스크립트 form 있는 값 사칙연산하기 (덧셈,뺄샘,곱셈,나눗셈) (0) | 2022.08.30 |
| [JS] 자바스크립트 자료형 변수 Var 사용법 ( typeof 타입 확인) (0) | 2022.08.30 |
| [JS] 자바스크립트 console.log , document 사용법 (0) | 2022.08.30 |
