JunO3O
2023. 3. 21. 02:59ㆍHTML
자바스크립트 작성과 실행
ㅁ 자바스크립트도 스타일시트처럼 script 태그를 사용하여 내부에서 작성하거나 script 태그의 src 속성을 사용하여 외부에서 불러오도록 작성할 수 있습니다.
ㅁ head 태그나 body 태그 내부에 script 태그를 생성한 후 저장하고 실행합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<title> 내부 자바스크립트 작성 </title>
<script>
// 경고창을 출력합니다.
alert('Hello JavaScript');
</script>
</head>
<body>
</body>
</html>
ㅁ js 파일을 생성하여 자바스크립트를 작성하고 HTML 파일에서 불러옵니다.
alert('Outer JavaScript'); (javascript)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> 외부 자바스크립트 작성 </title>
<script src="out_javascript.js"> </script>
</head>
<body>
</body>
</html>
외부 스타일시트 vs 외부 자바스크립트
: 외부 스타일시트는 link 태그를 사용하고, 외부 자바스크립트는 script 태그를 사용한다는 차이점이 있다.