웹문서 자바스크립트

(2019-07-26)

script 요소

Top > [기술공통]
[기초과학]
[진동/파동]
[방송/멀티미디어/정보이론]
[전기전자공학]
[통신/네트워킹]
[정보기술(IT)]
[공학일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
정보기술(IT) >   1. 정보기술
[전산기초]
[컴퓨터구조]
[프로그래밍]
[데이터베이스]
[소프트웨어 공학]
[운영체제]
[정보보호/보안]
[IT 기타기술]
프로그래밍 >   1. 프로그램, 프로그래밍
[프로그래밍 언어론]
[프로그래밍 방법론]
[객체지향 프로그래밍]
[자료표현코드]
[자료구조]
[알고리즘]
[시스템 소프트웨어]
[프로그래밍언어 종류]
[프로그래밍 기타일반]
프로그래밍언어 종류 >   1. 프로그래밍 언어
[C]
[C++]
[자바(Java)]
[자바스크립트]
[PHP]
[파이썬]
[(기타 언어)]
자바스크립트 >   1. JavaScript
  2. JS 기초 문법
[JS 변수,타입,논리식]
[JS 구문,연산자]
[JS 함수]
[JS 객체]
[JS 배열/Map/Set]
[JS 활용]
[JS 웹문서 제어]
JS 웹문서 제어  1. 웹문서 내 JS
  2. 동일 출처 정책
[JS Window 객체]
[JS DOM 제어]
[JS 이벤트]
[Ajax]
[jQuery]

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]

    요약목록
Copyrightⓒ written by 차재복 (Cha Jae Bok)        「 소액후원 」