반응형
1. HTML 문서에 추가하기
HTML문서에 자바스크립트 구문은 <SCRIPT></SCRIPT>로 감싸면 된다. Server Side Javascript의 경우는 Tag를 사용한다.

예>
<SCRIPT LANGUAGE="JavaScript" SRC="JavaScript.js">
<!--
JAVA SCRIPT 문장
-->
</SCRIPT>

- 파란색부분은 옵션으로 생략가능
- SRC : 자바스크립트가 위치한 URL(확장자:js)
- 주석은 // 로 처리 (한줄 주석)
- <!--, --> : HTML내의 주석으로 script를 인식하지 못하는 브라우져에게 감춘다.
- BODY나 HEAD에 위치할 수 있고, 여러번 Tag를 사용할 수 있다. 주로 <HEAD></HEAD>사이에 삽입한다. HEAD Tag에 자바스크립트를 기술하게 되면, HTML문서를 보여주기 전에 실행 된다.
- {}는 블록을 의미하고, /*에서 */까지는 주석문으로 인식하고, ;는 문장을 구분할 때 쓰인다.
- 자바스크립트 안에서는 대소문자를 구분한다. <Tag를 제외한 문자들>


2. 예제 실습
예제1>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
//test
document.write("Hello, World!");
</SCRIPT>
</HEAD>
<BODY>
TEST Document
</BODY>
</HTML>

예제1 결과>
Hello, World! TEST Document

예제설명>
- // : 한줄 주석
- document.write("") : document라는 객체(실제로 화면에 출력되는 BODY에 대응되는 객체라고 생각하면된다.)에 "Hello, World!"라는 문장을 쓴라는 것이다.
- ; : 맨마지막에 ;문자는 C언어에서 온 것이지만, 약간 다른 것은 single line문장일 경우는 ;를 반듯이 사용할 필요가 있는 것은 아니다. 여러문장을 하나의 줄에 쓸때, 각 문장을 ;로 구분하는 것이다.

3. 함수사용하기
예제2>
<HTML>
<HEAD>
<script>
function call(){
    document.write("TEST")
}
</script>
<body>
<script>call();</script>
Result...
</body>
</html>

예제2 결과>
TEST Result...

4. 기본함수
alert(String) - String을 경고문으로 출력한다. (리턴값 없음)
confirm(String) - 화면에 경고문구와 확인, 취소버튼을 출력 (리턴값 true, false)
prompt(String, IntString) - 화면에 문자를 쓰고 초기값을 넣어준다. (리턴값 String)
parseInt(String) - 문자를 정수로 바꾸어 반환한다. (리턴값 int)
parseFloat(String) - 문자를 실수로 바꾸어 반환한다. (리턴값 Float)
eval(String) - 문자를 식으로 인식하여 계산결과를 반환한다. (리턴값 number)




[출처]DEADFIRE Homepage // Deadfire Program Master
(개인공부를 겸해 정리를 하는 것임을 알려드립니다.~)
반응형
저작자표시 비영리 변경금지

'공부 > Javascript' 카테고리의 다른 글

내장객체  (0) 2011.07.11
객체  (0) 2011.06.21
javascript 문법  (0) 2011.06.20
Javascript란?  (0) 2011.06.15

+ Recent posts

티스토리툴바