웹문서 자바스크립트

(2019-02-11)

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 속성
     - 자바스크립트 코드문자집합 종류 지정


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

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