[JavaScript]HTML 에서 JavaScript 호출하기

쩨리쩨리 2018. 4. 4. 22:19

* HTML 은 눈에 보이는 틀을 구성하는 언어고, JavaScript는 보이는 툴들의 기능들을 처리한다. 둘은 엄연히 다르며 서로가 서로를 호출 할 수있다.

* HTML 파일에서 JavaScript 파일 호출하기

1. HTML 문서를 만들어 <head> 태그 안에 <script> 태그를 넣는다.

1
2
3
4
5
6
7
8
9
10
11
12

<!DOCTYPE html>
<html>
<head>
    <title>JS 호출하기</title>
    <script type="text/javascript">
        
    </script>
</head>
<body>
바디 부분 입니다.
</body>
</html>

cs

2. JavaScript 파일을 만들어 원하는 기능을 만들어 줍니다.

1
2

function view(){
          document.write("안녕하세요"); }

cs

3. HTML 문서의 <script> 태그 안에 방금 기능을 넣은 JavaScipt 문서의 경로를 적어줍니다.

1
2
3
4
5
6

<head>
    <title>JS 호출하기</title>
    <script type="text/javascript" 
    src="C:\Users\JERRY\Desktop\HTML\view.js">
    </script>
</head>
Colored by Color Scripter

cs

4. 실행을 시켜보면 HTML 에서 JS 파일을 정상적으로 불러오는 것을 확인 할 수 있습니다.