[15.7.10]HTML5를 돕는 4가지 친구들

자바스크립트

자바스크립트는 head와 body에 넣을 수 있고, 별도의 외부 파일에 넣고 웹페이지에서는 참조만 할 수도 있다.

자바스크립트는 <script></script>에 넣는다.

자바스크립트에서 변수는 var로 선언한다.

자바스크립트의 변수

자료형은 숫자, 불린, 문자열이 있으며, 이는 값을 할당할때 자동으로 감지한다.

(할당되지 않았을때는 undefined 값을 가진다.)

undefined는 null과는 다르다. null은 비어있는 값이다.

DOM

페이지를 로드할때 브라우저는 웹페이지의 내부를 표현하는 DOM을 생성한다.

자바스크립트는 DOM을 검사하고 변경하여 상호작용하는 웹 페이지를 만들 수 있다.

웹 페이지 로드

웹 페이지에 있는 요소에 접근하려면 document.getElementByid를 사용한다.

(요소란 쉽게말해 HTML5를 구성하는 <>안에 내용을 말한다.)

웹 페이지에 있는 요소를 변경하려면 innerHTML속성을 사용한다.

웹 페이지가 로드되기 이전에 요소에 접근하거나 변경하려고 하면 코드가 동작되지 않는다.

브라우저가 웹페이지 로드를 완료한 뒤 함수를 실행하려면 window.onload 속성에 해당 함수를 할당하면 된다.

Math

Math는 수학과 관련된 여러 함수를 가진 자바스크립트 라이브러리이다.

Math..random은 0에서 1사이의 실수를 반환한다.(1제외)

Math.floor는 소수점 이하 수를 잘라내어 실수를 정수로 변환한다.