웹문서 자바스크립트

(2019-07-26)

script 요소

1. HTML 웹문서에, 자바스크립트 코드의 삽입 및 실행

  ㅇ (script 요소)에 의한
     - 외부 자바스크립트 코드 파일을 불러오기
        <script src="자바스크립트 코드 파일이 있는 파일 경로 또는 url 경로"></script>

     - HTML 웹문서 내부에 자바스크립트 코드를 쓰기 
        <script>자바스크립트 코드</script>이벤트 처리기 속성 값에 자바스크립트 코드를 쓰기
       <button type='button' onclick='자바스크립트 코드'>Click</button>자바스크립트 의사 프로토콜(javascript:)에 자바스크립트 코드를 쓰기
       <a href='javascript:자바스크립트 코드'>특정링크</a>

  ※ 만일, 위 `자바스크립트 코드`들이 하나의 스크립트에 모두 포함되면, 
     - 이때 그 안의 모든 코드는 전역 네임스페이스를 공유하게 됨
     - 즉, 전역 유효 범위를 오염시킬 수 있음 (변수명,함수명 등이 겹칠 수 있음)


2. script 요소 내 속성(attribute)

  ㅇ type 속성 (type/subtype : MIME 타입)
     - 미디어 타입 지정(type)과 프로그램 언어 지정(subtype)
     - HTML5 부터는, text/javascript을 기본으로 함

  ㅇ defer 속성
     - 스크립트 실행을 DOM 트리 구축이 끝난 뒤에 실행
     - src 속성과 함께 지정되어야 함

  ㅇ async 속성
     - 스크립트 실행을 비동기적으로 최대한 빨리 실행
     - src 속성과 함께 지정되어야 함

  ㅇ src 속성
     - 외부 스크립트 파일에 대한 URL 경로

  ㅇ charset 속성
     - 자바스크립트 코드문자집합 종류 지정

  ※ [참고] ☞ MDN script 참조


[JS 웹문서 제어] 1. 웹문서 내 JS 2. 동일 출처 정책
[JS Window 객체] [JS DOM 제어] [JS 이벤트] [Ajax] [jQuery]

 
        최근수정     요약목록     참고문헌