JavaScript 쓰는 방법

<<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
     <title></title>

     <script>
     function myFunction() {
          document.getElementById("id").innerHTML = "NILGI T.Story";
     }
     </script>

</head>
<body>

     <p class="id"></p>
     <button type="button" onclick="myFunction()">버튼</button>

</body>
</html>

▲ head 사이에 쓴다.

<body>

     <script>
     function myFunction() {
          document.getElementById("id").innerHTML = "NILGI T.Story";
     }
     </script>

     <p class="id"></p>
     <button type="button" onclick="myFunction()">버튼</button>

</body>

▲ body 사이에 쓴다. head와 body에 동시에 써도 된다.

<head>, <body> 사이에
<script src="jscript.js"></script>
<script src="http://www.nilgi.com/jscript.js"></script>

▲ 파일로 저장하고 업로드해 불러와서 쓸 수 있다. CSS파일과 같다. 외부 파일로 쓰면 html과 분리되어 관리하기 편하고 html문서가 복잡해지지 않고 페이지 로딩 속도가 빨라진다.

저작자표시 비영리 변경금지

JavaScript 쓰는 방법

티스토리툴바