프로그래밍언어/Java Script

Java Script 기초 - 태그, 위치, 외부참조

잉카콜라 2023. 4. 3. 20:34

<Script> 태그

w3schools - JavaScript

HTML에서 JavaScript 코드는 <script>  </script>태그 사이에 삽입된다

 

 

<head> 의 자바스크립트

w3schools - JavaScript

위의 예제에서 head 태그 안에 script 태그가 위치하고 Try it 버튼을 클릭하게 되면 A Paragraph 글자가 바뀌게 된다

 

 

<body>의 자바스크립트

w3schools - JavaScript

위의 예제에서 body 태그 안에 script 태그가 위치하고 Try it 버튼을 클릭하게 되면 A Paragraph 글자가 바뀌게 된다

 

 

외부 자바스크립트

w3schools - JavaScript

스크립트는 외부 파일에도 배치할 수 있고 동일한 코드가 여러 웹 페이지에서 사용될 때 실용적이다

 

w3schools - JavaScript

외부 스크립트는 <script>태그를 포함할 수 없다

 

 

외부 자바스크립트 장점

외부 파일에 스크립트를 배치하면 몇 가지 이점이 있습니다.

1.  HTML과 코드를 분리한다.

2.  HTML 및 JavaScript를 더 쉽게 읽고 유지 관리할 수 있다

3.  캐시된 JavaScript 파일은 페이지 로드 속도를 높일 수 있다

w3schools - JavaScript

 

 

외부 참조

외부 스크립트는 3가지 방법으로 참조할 수 있다

w3schools - JavaScript

1.  전체 URL(전체 웹 주소) 을 사용하여 myScript.js에 연결

 

w3schools - JavaScript

2.  파일 경로를 사용하여 myScript.js에 연결

 

w3schools - JavaScript

3.  myScript.js에 연결하는 데 경로를 사용하지 않고 연결

 

 

 

 

 

w3schools - JavaScript 공부내용 정리

728x90