기존(310)/🏀JavaScript
[JS] 자바스크립트 인라인 , 함수사용해서 사용하는 자바스크립트 사용법
조각남자
2022. 8. 30. 21:00
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>
마찬가지로 버튼을 누르게 되면
이렇게 하면
인라인 방식과 아웃방식의 차이점을 아시겟죠 ?
유익한 시간이 되셧으면 좋겟습니다 감사합니다 ~