자바스크립트 실행 위치

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

   

   

자바스크립트 실행 위치

  • <head>태그에 <script> 태그 명시
  • <body> 태그에 <script> 태그 명시
  • 자바스크립트를 외부 파일로 사용
  • HTML 태그에 인라인(inline) 형태로 삽입해서 사용

   

   

   

<head>태그에 <script> 태그 명시

<head> 태그안에 <script> 태그를 명시하면 <body> 태그가 동작하기 전에 자바스크립트 코드가 실행됨

<head>

<script>

document.write("Hello");

</script>

</head>

  

   

   

   

<body> 태그에 <script> 태그 명시

<body> 태그 안에 <script> 태그를 명시하면 <head> 태그가 동작한 이후에 실행됩니다.

   

   

   

   

자바스크립트를 외부 파일로 사용

  • 자바 스크립트 부분을 별도의 문서로 작성하고 필요한 문서에서 불러다 쓰는 방식.
  • 입력 폼에서 공백 체크하는 로직과 같이 반복적으로 사용하는 부분을 별도의 파일로 만들어 놓고 필요 시 반복적으로 사용할 수 있습니다.

   

   

<script type="text/javascript" src="자바스크립트파일명.js"></script>

   

   

HTML 태그에 인라인(inline) 형태로 삽입해서 사용

<input type="button" value="이동" onclick="location.href='index.html'">