재훈재훈
HTML 페이지에서의 자바스크립트 사용법 - 인라인, 외부스크립트 본문
HTML 페이지 구조
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> 1. <head> 태그 아래 <script> 사용 가능
<title>Title</title>
</head>
<body>
2. <body> 태그 아래 <script> 사용 가능
</body>
</html>
인라인 스크립트 방식
- <script> 태그 안에 자바스크립트 코드를 직접 작성하는 방법
- html 파일 내에서 작성하는 방법
외부 스크립트 방식
- js 코드를 외부 js파일에 작성하고 이 파일을 html 파일 내 <script> 태그의 src 속성 값으로 지정
- html 파일 외부에서 작성하는 방법
* 외부 스크립트와 인라인 스크립트를 한 태그(<head> or <body>) 내에서
같이 쓰게 되면 인라인 스크립트의 내용은 무효화됨
예제 html 파일
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>02-01</title>
</head>
<body>
<script type="text/javascript">
document.writeln('이게 바로 인라인 스크립트 <br/>');
</script>
<script type="text/javascript" src="outside.js"> //외부 스크립트 - outside.js를 불러옴
document.writeln('이것도 인라인 스크립트이지만 외부스크립트랑 같이 쓰이면 무효화 처리됨<br/>');</script>
</body>
</html>
outside.js 파일
document.writeln('이건 js 파일에 작성되어 있는 외부스크립트 <br/>');
출력 결과
'Computer Engineering > JavaScript' 카테고리의 다른 글
| constructor 프로퍼티 (0) | 2018.04.07 |
|---|---|
| prototype 프로퍼티 (0) | 2018.04.07 |
| 클로저 (0) | 2018.04.07 |
| 주요 연산자 그리고 제어문 (0) | 2018.04.07 |
| 여러가지 리터럴 (0) | 2018.04.07 |