ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 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
Designed by Tistory.