'Javascript'에 해당되는 글 1건

  1. 2015.06.23 자바스크립트 작성 위치

자바스크립트 작성 위치

Javascript 2015. 6. 23. 23:17

@ 자바스크립트 코드는 한 위치에 몰아서 작성하는 것이 좋은 습관이란다.


@ <script></script> 태그 사이에 작성되어야 한다.

@ 자바스크립트는 요청에 의해서만 실행된다.

@ <head></head> or <body></body> 태그 사이에 넣을 수도 있다.

head 태그보다 body 태그 사이에 위치할 때 페이지 로드 속도에 향상을 가져올 수 있다.

1
2
3
4
5
6
7
8
<html>
    <head>
        <script>
            document.getElementById("text").innerHTML = "javascript place in head tag";
        </script>
    </head>
    <body></body>
</html>
cs


@ external, 외부파일로 작성할 수도 있다.

head, body 태그 내에 작성했을 때보다 처리속도가 빠를 수 있다.

반드시 scr 속성을 통해 소스를 지정해야함.

1
2
3
4
5
6
7
8
<html>
    <head>
        
    </head>
    <body>
        <script src="script.js"></script>
    </body>
</html>
cs

외부 js 소스는 <script> 태그를 포함하지 않음.

외부 지정의 장점은..

HTML과 분리할 수 있고,

분리되니 코드 파악이나 유지보수가 편리하고,

javascript 파일을 미리 캐시 함으로써 속도에 이득을 볼수 있다는구먼.




: