JavaScript How To …

참조 : http://www.w3schools.com/js/js_howto.asp

화면에 글자 쓰는 예제

document.write(“Hello World!”)

글자를 쓰면서 포매팅 하는 예제

document.write(“<h1>Hello World!</h1>”)

HTML 안에 자바스크립트를 어떻게 쓸까

<html>
<body>
<script type=”text/javascript”>
document.write(“Hello World!”)
</script>
</body>
</html>

예제 설명

<script> 태그를 사용하여 자바스크립트를 삽입할 수 있으며 type 속성을 사용하여 자바스크립트 임을 명시한다.
따라서 <script type=”text/javascript”> 와 </script> 가 자바스크립의 시작과 끝을 나타낸다.

document.write 는 표준 자바스크립트 명령어로 페이지에 출력할 때 사용합니다. 이 부분이 <script type=”text/javascript”>와 </script>로 둘러 쌓여 있기 때문에 자바스크립트로 인식하고 실행하게 됩니다. 만약에 스크립트 태그로 둘러쌓여있지 않았다면 일반 텍스트로 처리하여 그대로 화면에 보여졌을 것입니다.

세미 콜론을 매 행마다 넣어야 하는가?

그렇지 않습니다. 세미 콜론은 선택적인 요소 입니다. 따라서 한 줄에 여러 문장을 적을 경우에 각 문장을 구분하기 위해 쓰는 용도 이외에는 안써도 됩니다.

옛날 브라우저들은 어떻게 처리하나?

자바스크립트를 지원하지 않는 예전 브라우저들은 자바스크립 내부의 내용들을 본문으로 인식합니다. 따라서 다음과 같이 HTML 주석으로 묶어 줍니다.

<script type=”text/javascript”>
<!–
document.write(“Hello World!”)
//–>
</script>

Introduction to JavaScript

참조 : http://www.w3schools.com/js/js_intro.asp

자바스크립트를 공부하기 전에 알아야 할 것
– HTML/XHTML

자바스크립트란 무엇인가?
– HTML 페이지에 상호작용성을 추가하기 위해 만들어졌다.
– 스크립트 언어다.
– 스크립트 언어는 가벼운 프래그래밍 언어다.
– 자바스크립트는 실행 가능한 라인들로 구성된다.
– 보통 HTML 페이지에 내장되어 사용된다.
– 인터프리티드 언어. 즉 해석되어 있는 언어. 다시 말해 컴파일이 필요없는 언어다.
– 무료다.

자바와 자바스크립트는 같은가?
– 완전 다르다.

자바스크립트로 무엇을 할 수 있는가?
– HTML 디자이너도 쉽게 사용할 수 있는 프로그래밍 언어를 제공한다.
– HTML 페이지에 동적으로 텍스트를 삽입할 수 있다.
– 이벤트에 반응할 수 있다.
– HTML 엘리먼트를 읽고 쓸 수 있다.
– 데이터 검증을 위해 사용할 수 있다.
– 방문자의 브라우저에 대한 정보를 알 수 있다.
– 쿠키 생성을 할 수 있다.