자바스크립트_기초_2.1

HwiJeongLee·2021년 8월 5일
0

자바스크립트

목록 보기
5/28

'Script' 태그

html 파일에 스크립트를 삽입하는 방법은 다음과 같습니다.

script코드 삽입 사진

script 태그 속에 자바스크립트 코드가 삽입되고, 브라우저는 이 태그를 보면 자동으로 코드를 실행합니다.

속성

  1. type 속성
    예전 HTML4에서는 type="text/javascript"처럼 type을 시해주었어야 했습니다. HTML5 부터는 필수 사하이 아닙니다.

자바스크립트 모듈에서는 사용하는데 이는 모듈 파트에서 다시 언급될 예정입니다.

  1. language 속성
    현재 사용하고 있는 스크립트 언어를 의미하는데 사실 자바 스크립트가 기본 언어라서 사용하지 않는 속성입니다.

즉) type, language 속성을 잘 사용하지 않습니다.

외부 스크립트

주로 js파일을 따로 만들어서 아래와 같이 html에 삽입합니다.
< script src = 경로 > < /script>
이 때 경로는 상대경로, 절대경로 둘 다 사용가능합니다.
또 여러개의 태그를 하면 여러 자바스크립트 파일을 사입할 수 있습니다.

주로 별도의 js 파일을 만들어서 사용합니다.
스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아서 캐시에 저장하므로 성능이 좋아집니다.
(다음 호출 시, 캐시파일에서 가져오면 되므로 실행속도도 빨라집니다.)
또 여러 스크립트가 사용되어야 할 때 태그로 가져오면 되므로 간편합니다.

script 태그안에 src와 다른 코드가 함께있다면, 다른 코드는 무시되고 src의 js 파일만 정상적으로 실행됩니다.

profile
초보 개발자의 개발 공간

0개의 댓글