반응형
자바스크립트는 어느 부분에 위치해야 할까요?
1.자바스크립트는 HTML페이지의 <head>나 <body>안에 넣을 수 있습니다.
2.자바스크립트는 외부파일로도 사용할 수 있습니다. 여러 웹페이지에서 동일한 자바스크립트를 사용하는 경우에는 외부파일로 만들어서 참조할 수 있습니다.
3.자바스크립트 코드는 <script></script>태그 안에 있어야 합니다.
<script>
document.getElementById("test").innerHTML="This is test";
</script>
예전에는 <script type="text/javascript">처럼 type속성을 사용했지만 요즘 브라우저에서는 이 type속성이 반드시 필요한 것은 아닙니다.document.getElementById("test").innerHTML="This is test";
</script>
4.Function과 Events
function은 다른 곳에서 요청될때 실행되는 코드블럭입니다. 예를들어 버튼이 클릭되는 것 같은 event가 발생될때 function이 실행되는 것입니다.
예제
w3school에서 많이 인용하였습니다.<!DOCTYPE html>
<html>
<head>
<script> <!-- 헤드부분에 위치 -->
function myTest00(){
document.getElementById("test00").innerHTML="This is Head-script";
}
</script>
</head>
<body>
<button type="button" onclick="myTest00()">Head부분</button>
<button type="button" onclick="myTest11()">Body부분</button>
<p id="test00">Example</p>
<p id="test11">Example</p>
<script> <!-- body 부분에 위치 -->
function myTest11(){
document.getElementById("test11").innerHTML="This is Body-script";
}
</script>
<script src="external.js"></script> <!-- 외부파일로 위치 -->
</body>
</html>
즐거운 하루 Vanxy..
반응형
