HTML 문서에 자바스크립트 코드를 적용하는 방법에는 다음과 같은 방법이 있다.
1) 내부 자바스크립트 코드
자바스크립트 코드는
<script>태그를 사용하여 HTML 문서 안에 삽입할 수 있다!
<!DOCTYPE HTML>
<html>
<body>
<p>스크립트 전</p>
<script>
alert( 'Hello, world!' );
</script>
<p>스크립트 후</p>
</body>
</html>2) 외부 자바스크립트 파일
외부에 작성된 자바스크립트 파일은 .js 확장자를 사용하여 저장한다.
해당 자바스크립트 파일을 적용하고 싶은 모든 웹 페이지에
<script>태그를 사용해 외부 자바스크립트 파일을 포함하면 된다!
// example.js
function printDate() { document.getElementById("date").innerHTML = Date();
}
// index.html
<head>
<meta charset="UTF-8">
<title>JavaScript Apply</title>
<script src="/examples/media/example.js"></script>
</head> 