스크립트

김동현·2021년 10월 10일
0

HTML5

목록 보기
10/13
post-thumbnail

1. <script> </script>

  • 스크립트 코드를 HTML 문서에 삽입하거나, 외부 스크립트 파일을 로드하는 태그입니다(display: none;).

  • 속성의미
    src로드할 외부 스크립트 URLURL
    async스크립트의 비동기적 실행 여부불린속성
    defer문서 파싱 후 작동 여부불린속성
    typeMIME 타입text/javascript(기본값)
  • src 속성을 통해 로드할 외부 자바스크립트 경로를 작성합니다. 만약 src 속성을 통해 외부 자바스크립트를 가져오면 script 태그 내부에 작성된 코드는 무시됩니다.

  • async 속성은 자바스크립트의 비동기적 실행 여부를 설정하는 속성입니다. 자바스크립트의 로드와 DOM 생성을 비동기적으로 동시에 진행하고, 자바스크립트의 로드가 완료되는 즉시 DOM 생성을 중지시킨 뒤 자바스크립트 파싱과 실행이 진행됩니다.
    src 속성이 필수로 작성되어야 합니다. 즉, 외부 자바스크립트 파일을 로드하는 경우에만 동작합니다.

  • defer 속성은 자바스크립트의 로드와 DOM 생성이 비동기적으로 동시에 실행되고, DOM 생성이 완료된 후에, 즉 HTML 문서가 다 분석된 후에 자바스크립트의 파싱과 실행이 시작됩니다.
    src 속성이 필수로 작성되어야 합니다. 즉, 외부 자바스크립트 파일을 로드하는 경우에만 동작합니다.

2. <noscript> </noscript>

  • 스크립트를 지원하지 않는 표시될 내용을 작성합니다(display: inline;).

  • 스크립트가 실행되는 환경에서는 noscript로 작성한 내용은 실행되지 않습니다. 만약 스크립트가 실행되지 않는 환경, 예를 들어 현재 페이지에서 iframe 으로 가져온 외부 HTML 문서는 sandbox 속성을 불린 속성으로 작성하여 읽기 전용으로 포함된다면 가져온 외부 HTML문서에 작성된 noscript 내용이 표시됩니다.

profile
Frontend Dev

0개의 댓글