<Javascript> js의 세가지 사용방법 ( 파일 분리하기 )

* html, css, js 파일을 모두 분리하는 것이 웹표준에 맞다 * 

1. 태그와 한번에 쓰는 방법 

HTML

CSS

: 옛날에 많이 쓰던 방식.. 웹표준과 맞지 않다

2. script 태그 이용하기 

:  관리를 위해 분리

- script 태그 안에서 바로 실행하기 

( 화면이 뜨자마자 실행)

 

3. .js 파일 분리하기 

1. .js 파일을 만든다
. 

2. index.html 과 연결한다 

<script src=".js의 위치"></script>

* jquery의 연결 코드 보다 아래에 있어야 한다

1) .html head에 연결하기

 

- 선택하는 것 없이 동작할 때 

* 함수 만들기 : 이 코드 자체로는 실행 안된다. 나중에 사용하기 위해 만들어 놓는것. 

* 함수 사용 

이상 x

- 태그를 선택하여 동작할 때 

* id 로 태그 선택하기 

document.getElementById('id').동작 = function(){

...

}

-> 에러. 선택할 태그가 없다는 뜻 

js 파일이 태그가 읽히기 전에 실행되기 때문이다. 

* 해결방안 *

window.onload=function() {} 으로 감싸기 : 태그를 찾을 때 까지 기다리라는 의미 

window.onload=function() {

document..... = function(){

...

}

}

-> 정상실행. 하지만 표준 방법이 아니다 

( IE 낮은 버전에서 사용하기도 함) 

2) body 닫히기 바로 전에 연결하기 

-> 이상 x 

IE 낮은 버전에서는 안된다.