반응형
JavaScript 자바스크립트 작성 위치와 용법, 외부 스크립트의 장점, external javaScript
자바스크립트는 HTML페이지의 <head>, <body> 어디에든 위치 할 수 있다.
그리고 몇개든 동시에 사용할 수 있다.(①, ② 어느 곳이나 몇개든 사용 가능)
하지만, 코드는 한곳에 유지하는게 언제나 좋은 습관이다.
<body> 의 아래 위치하는 것을 추천한다. 이럼 페이지 로딩을 개선할 수 있다.
예)
<html>
<head>
①
</head>
<body>
②
</body>
</html>
HTML에서 자바스크립트 코드는 <script>...</script> 사이에 삽입 되어야 한다.
예)
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
스크립트는 또한 외부 파일에 작성할 수 있다.
외부파일에 작성하는 것은 같은 코드가 많은 다른 페이지들에서 사용될 때 실용적이다.
외부의 스크립트를 사용하기 위해서는 <script>태그의 src(source) attribute에 파일 이름을 넣어야 한다.
외부 스크립트는 <script>태그를 포함하지 않는다.
예)
<!DOCTYPE html>
<html>
<body>
<script src="externalScript.js"></script>
</body>
</html>
외부 스크립트의 장점
1. HTML과 코드를 분리 한다.
2. HTML과 javaScript를 읽고 유지하기 쉽게 만든다.
3. 외부에 저장된 javaScript는 페이지 로딩 속도를 빠르게 할 수 있다.
반응형
'Programing > JavaScript' 카테고리의 다른 글
| 자바스크립트 키워드란? 키워드 종류 javaScript Keywords (0) | 2015.07.14 |
|---|---|
| 자바스크립트 구문, 주의점 javaScript Statements (0) | 2015.07.14 |
| javaScript syntax 기본 문법, variables, operator, keywords, comments (0) | 2015.07.13 |
| 자바스크립트의 출력방식, javaScript Output, window.alert(), document.wirte(), innerHTML, console.log() (0) | 2015.07.12 |
| JavaScript란? getElementById, InnerHTML, isNaN(), 변수선언등 기본 설명, 특징 (0) | 2015.07.12 |
댓글