웹 브라우저랑 자바스크립트

웹 문서 안에 <script> 태그로 자바스크립트 작성하기

 

• 자바스크립트 소스 코드가 짧을 경우 웹 문서에서 자바스크립트를 실행할 위치에 바로 코드를 작성할 수 있다.
• <script>와 </script> 태그 사이에 실행할 자바스크립트 소스를 작성한다.
• <script> 태그는 웹 문서 안의 어디든 위치할 수 있고 삽입된 위치 그 자리에서 바로 스크립트가 실행된다.
• 자바스크립트는 웹 문서에서 이미지나 텍스트 등의 요소를 제어하는 경우가 많으므로 되도록이면 이미지나 텍스트 등을 다 표시한 후에 실행하는 것이 좋다.
  (</body> 태그 직전에 자바스크립트 소스를 삽입한다.)
• 자바스크립트에서는 영어 대소 문자를 구별하므로 소스를 작성할 때 주의해야 한다.

 

외부 스크립트 파일로 연결해서 자바스크립트 작성하기

 

• 웹 문서 안에는 직접 자바스크립트 소스가 드러나지 않고 HTML 태그와 CSS만 유지할 수 있어서 소스가 한결 깔끔하다.
• <script> 태그 없이 자바스크립트 소스만 작성하고 확장자는 *.js 파일로 저장한다.
• HTML 문서에서 <script> 태그의 src 속성을 이용해서 자바스크립트 파일을 연결하면 된다.
  

  <script src="외부 스크립트 파일 경로"></script>​