HTML/개념정리
tag (script)
xowoony
2022. 9. 19. 22:43
학습일 : 2022. 09. 19
태그 script
가능한 부모 : <head>
종류 : 닫는 태그 필요
직접 Javascript 문법을 사용하거나 외부의 js 파일을 불러오기 위해 사용한다.
속성
src : 외부 JS 파일의 주소 및 경로
async : 문서의 로드를 막지 않고, 비동기적으로(Asynchronously) JS 파일을 다운로드한다.
JS 파일 다운로드 완료시 바로 JS 파일을 실행한다. 속성 값 없음.
defer : 문서의 로드를 막지 않고, 비동기적으로 JS 파일을 다운로드한다.
JS 파일 다운로드 완료시, DOM 구조 파악이 완료되는 시점에 JS 파일을 실행한다.
이미 DOM 구조 파악이 끝났다면 다운로드 직후 실행한다. 속성 값 없음.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>태그 script</title>
<script>
let num = 5;
if (num % 2 === 0) {
alert('num은 짝수였다.');
} else {
alert('num은 홀수였다.');
}
</script>
</head>
<body>
</body>
</html>