클라이언트/JavaScript

Inline 방식과 Script 방식

윤므 2018. 5. 5. 05:41

 

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