스크립트 태그는 헤드, 바디에서 사용될 수 있다.
스크립트가 어느 위치에서 사용 되느냐는 스크립트 코드가 실행되는 시점을 결정한다.
다음 예제는 헤드에 있는 스크립트와 바디에 있는 스크립트의 차이를 나타낸 예제이다.
첫 번째 예제는 head에 script가 있어서, body 내용이 아직 읽혀지지 않는다.
두 번째 예제는 <h1> 태그와 <hr/> 사이에 있기 때문에, 아직 <hr/>이 보여지지 않는다.
|
<!DOCTYPE html> <html> <head> <title>script examples</title> <meta charset="UTF-8"> <script> alert(new Date().toLocaleString()); </script> </head>
<body> <h1>Hello World...</h1> <hr/> </body> </html> |
|
<!DOCTYPE html> <html> <head> <title>script examples</title> <meta charset="UTF-8"> </head>
<body> <h1>Hello World...</h1> <script> alert(new Date().toLocaleString()); </script> <hr/> </body> </html> |
'JavaScript' 카테고리의 다른 글
| 자바스크립트 (JavaScript) - 9 : 이벤트 2 (0) | 2016.07.18 |
|---|---|
| 자바스크립트 (JavaScript) - 8 : 이벤트 1 (0) | 2016.07.18 |
| 자바스크립트 (JavaScript) - 6 : 변수 1 (Variable) (0) | 2016.07.18 |
| 자바스크립트 (JavaScript) - 5 : 부울 자료형 2 (Boolean) (2) | 2016.07.18 |
| 자바스크립트 (JavaScript) - 4 : 부울 자료형 1 (Boolean) (0) | 2016.07.18 |