JavaScript 개요

 

 

스크립트 언어란?

기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도로 사용 됨.

매우 빠르게 배우고 짧은 소스코드 파일로 상호 작용하도록 고안되었음.

 

 

Java Script

웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어.

ECMA 스크립트 표준을 따르는 대표적인 웹 기술.

 

 

작성 방법

소스는 함수 단위로 작성하고, 이벤트 속성을 사용해서 구동 되게 함.

이벤트 속성은 태그마다 차이가 있음.

on이벤트명="실행할 함수명([전달값])"

 

 

1. inline 방식

태그에 직접 간단한 소스코드를 작성해서 실행 되게 하는 방법

<button onclick="window.alert('버튼 클릭 확인');">경고창 출력</button>
<button onclick="console.log('버튼 클릭 확인');">console 출력</button>
<h4 onmouseover="this.style.backgroudColor='red'">마우스 오버</h4>

 

2. internal 방식

script 태그 영역에 작성해서 실행되게 하는 방법

head 태그, body 태그에 작성 가능

<button onclick="testfn();">함수 실행 확인용 버튼</button>

<script type="text/Javascript">
  // 자바스크립트 주석

  // public void methodName(){} : Java
  // 자바스크립트에서 함수 작성 시 함수명 앞에 반환자료형(return type) 붙이지 않음
  function testfn() {
  	alert('testfn() 함수 실행 활인');
  }
</script>

 

3. external 방식

별도의 js 파일로 작성해서 가져다 사용하는 방법

 <script src="js/sample.js"></script>
 <button onclick="samp();">samp() 실행</button>