| 속성 | 의미 | 값 | 기본값 | 특징 |
| async | 스크립트의 비동기적 실행 여부 | Boolean | src 속성 필수 | |
| crossorigin | 별도의 도메인을 사용하는 사이트의 오류 로깅을 허용하기 위해 사용 | anonymous, use-credentials |
||
| defer | 문서 파싱(구문 분석) 후 작동 여부 | Boolean | src 속성 필수 | |
| src | 참조할 외부 스크립트 URL | URL | 포함된 스크립트 코드는 무시 | |
| type | MIME 타입 | text/javascript |
1. SRC
<head>
<meta charset="UTF-8">
<title>콘텐츠 구분 예제</title>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="./main.css">
</head>
<body>
<div id = "my-name">HEROPY!</div>
<script src = "./js/main.js">
console.log("안녕하세요!");
</script>
</body>
다음과 같이 작성하면, console창에 "안녕하세요를 볼 수 없다."
script태그를 이용해서 source속성을 이용해서 외부에 있는 자바스크립트 파일을 호출하게 된다면 스크립트 내부에 작성되어 있는 자바스크립트 코드는 무시된다.
2. TYPE
<head>
<meta charset="UTF-8">
<title>콘텐츠 구분 예제</title>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="./main.css">
<script type = "text/javascript" src = "./js/main.js" defer></script>
</head>옛날에는 타입을 명시해서 "text/javascript"를 했다. 왜냐하면 script를 이용해서 또다른 스크립트 언어들을 호출해야 했기 때문이다. 하지만, javascript는 명시하지 않아도 된다. 기본적으로 대부분의 웹에서는 자바스크립트가 표준으로 돌아가고 있기 때문이다.
'HTML > 요소' 카테고리의 다른 글
| 표 콘텐츠 - TABLE (0) | 2021.01.04 |
|---|---|
| 스크립트 - NOSCRIPT (0) | 2021.01.04 |
| 스크립트 - SCRIPT 1 (0) | 2021.01.04 |
| 내장 콘텐츠 - CANVAS (0) | 2021.01.04 |
| 내장 컨텐츠 - IFRAME (0) | 2021.01.04 |