JavaScript - 적용

HTML 문서에 자바스크립트 코드를 적용하는 방법에는 다음과 같은 방법이 있습니다.

1. 내부 자바스크립트 코드

자바스크립트 코드는 <script>태그를 사용하여 HTML 문서 안에 삽입할 수 있습니다.

<script>

    document.getElementById("text").innerHTML = "여러분을 환영합니다!";

</script>

이렇게 삽입된 자바스크립트 코드는 HTML 문서의 <head>태그나 <body>태그, 또는 양쪽 모두에 위치할 수 있습니다.

2. 외부 자바스크립트 파일

외부에 작성된 자바스크립트 파일은 .js 확장자를 사용하여 저장합니다.

해당 자바스크립트 파일을 적용하고 싶은 모든 웹 페이지에 <script>태그를 사용해 외부 자바스크립트 파일을 포함하면 됩니다.

<head>

    <meta charset="UTF-8">

    <title>JavaScript Apply</title>

    <script src="/examples/media/example.js"></script>

</head>

외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를 분리할 수 있습니다.

이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지 보수도 쉬워집니다.

또한, 외부 자바스크립트 파일은 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도 또한 빨라집니다.

음악가의 개발노트