본문 바로가기

클라이언트/JavaScript

Inline 방식과 Script 방식

Inline 방식의 JavaScript


HTML태그에 직접 JavaScript를 기술하는 방법이다.


장점은 태그에 연관된 스크립트 관계가 명확하게 보인다는 점이 있지만


정보인 HTML과 제어의 역할을 하는 JavaScript코드가 같이 사용됨으로 코드가 정보로서의 가치가 줄어든다.


예제코드

1
2
3
4
5
6
<!DOCTYPE html>
<html>
<body>
    <input type="button" onclick="alert('Hello World')" value="Hello world" />
</body>
</html>

cs


Script 방식의 JavaScript


스크립트와 HTML을 분리해서 코딩하는 방식


스크립트 태그에 <Script> 태그을 이용해 JavsScript 코딩을 하는 방법이다.



예제코드

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
    <input type="button" id="hw" value="Hello world" />
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

cs



'클라이언트 > JavaScript' 카테고리의 다른 글

외부 파일로 분리(Separate into external file)  (0) 2018.05.05
Inline 방식과 Script 방식  (0) 2018.05.05