코딩/JavaScript 칠판

자바스크립트 위치

Excel 밟아 2015. 8. 18. 20:57


● 자바스크립트는 HTML과 조합하여 사용한다.

● 자바스크립트 코드가 HTML 태그 안에 있는 속성의 값으로 쓰여 기능을 수행 하는 경우

사용자가 버튼을 클릭하면 경고창이 뜨고 그 창에 내용을 표시하기 위해 
HTML과 JavaScript로 코딩 해보면,
<button type="button" onclick="alert('경고창 나타났죠!^^ 이것이 자바스크립트의 기능')">
    이 버튼을 클릭하세요!
</button>

<button>태그는 자바스크립트 입장에서는 이벤트
onclick=""속성(프로퍼티)은 자바스크립트 입장에서는 이벤트핸들러
alert('경고창 나타났죠!^^ 이것이 자바스크립트의 기능')는 자바스크립트 코딩
alert(' ')는 자바스크립트의 메서드(명령문)

● 자바스크립트 코드가 <script> </script> 사에에 쓰여 기능을 수행 하는 경우
<script>
    document.write('안녕하세요!');
    document.bgColor="gray";
</script>

document는 프로퍼티로서 Document 오브젝트(웹브라우저의 컨텐츠영역)를 참조함을 의미
bgColor=" "는 프로퍼티로서 백그라운드 컬러를 참조 설정 함을 의미
gray는 프로퍼티의 값