1. 자바스크립트란?
- 자바스크립트는 선마이크로시스템즈(Sun Micro Systems)와 넷스케이프에서 공동으로 개발한 스크립트 언어
- 자바스크립트 정적인 HTML 문서를 동적을 만드는 것
스크립트 언어 : 컴퓨터 프로세서가 아닌 다른 프로그램에 의해서 변역이 되거나 수행되어지는 프로그램의 명령어를 말한다.
2. 자바스크립트의 특징
- 자바스크립트는 인터프리팅 언어
- 데이터 타입에 구애 받지 않음
- 대소문자 구별
- 객체지향스크립트 언어
3. 자바스크립트 기본 문법
- javascript문법 직접 입력
<Head>
<script language="javascript">
<!--
스크립트 문법
//-->
</script>
</Head>
예
<html>
<head>
<title>소스1-1</title>
<script>
document.write("<h3>예제 1: 이것이 기본 태그이다.</h3>")
</script>
<script language="javascript">
document.write("<h3>예제 2: langage에서 스크립트 언어 종류를 결정한다.</h3>");
// 주석 : 스크립트를 라인단위로 수행되기 때문에 윗문장과 아랫문장을 연결하기 위해서는
// 반드시 '\' 역슬래쉬를 사용한다.
document.write("<h3>예제 2: langage에서 스크립트 언어\
종류를 결정한다.</h3>");
</script>
<script language="javascript1.2">
document.write("<br>예제 3: 이렇게 스크립트버전을 쓸 수도 있다.");
</script>
</head>
<body>
</body>
</html>
- Script file(js파일명) 호출
<html>
<head>
<script language="javascript" scr="script file">
</script>
</head>
- js 파일을 이용한 자바스크립트
▷ test.js
document.write("자바스크립트 파일을 호출시 보입니다.")
document.write("<br>짜!잔... 불러올 파일 입니다.")
▷ 새문서.htm
<html>
<head>
<title>예제</title>
<script>
document.write("문서 안에서 출력!")
</script>
<script language="javascript" src="test.js">
document.write("보이나요?") // 적용이 되지 않는다.
</script>
<script>
document.write("보이나요? 이건 보이죠")
</script>
</head>
<body>
</body>
</html>
4. 참고
- navigator는 현재 사용하고 있는 접속자의 웹브라우저의 기본적인 정보를 나타내는 객체
<html>
<head>
<title>소스1-2</title>
<script lanuage="JavaScript">
<!--
document.write("웹브라우저 종류 : ", navigator.appName,"<BR>")
document.write("웹브라우저 코드명 : ", navigator.appCodeName,"<BR>")
document.write("웹브라우저 버전 : ", navigator.appVersion,"<BR>")
document.write("사용자 웹브라우저 정보 : ", navigator.userAgent,"<BR>")
document.write("시스템코드 : ", navigator.platform,"<BR>")
document.write("플러그인 정보 : ", navigator.plugins,"<BR>")
document.write("mime 정보 : ", navigator.mimeTypes,"<BR>")
document.write("웹브라우저 언어 : ", navigator.language,"<BR>")
//-->
</script>
</head>
</html>
- 변수 사용
<html>
<head>
<title>소스1-2</title>
<script lanuage="JavaScript">var version</script>
<script lanuage="JavaScript1.0">version=1.0</script>
<script lanuage="JavaScript1.1">version=1.1</script>
<script lanuage="JavaScript1.2">version=1.2</script>
<script lanuage="JavaScript1.3">version=1.3</script>
<script lanuage="JavaScript1.4">version=1.4</script>
<script lanuage="JavaScript1.5">version=1.5</script>
<script lanuage="JavaScript">
document.write("현재 사용 버전 ", version);
</script>
</head>
<body>
</body>
</html>
- vbscript, bgColor 사용예
<html>
<head>
<title>소스1-2</title>
<script>
document.write("하하하 신나는 하루<br>")
</script>
<script language="JavaScript">
document.write("호호호 재미난 하루")
</script>
<script language="vbscript">
// vbscript는 익스플러로에서만 보임
document.write(date)
</script>
<script>
<!--
document.bgColor="yellow"
//-->
</script></head>
<body>
</body>
</html>
'개발 > javascript Tip' 카테고리의 다른 글
| Javascript 에서 PHP 함수 사용 (0) | 2011.12.03 |
|---|---|
| iframe 높이 자동조절 스크립트 (0) | 2011.12.03 |
| input type file 버튼 모양변경 (0) | 2011.12.03 |
| 숫자에 컴마(,) 쓰고 한글로 숫자 표시 (0) | 2011.12.03 |
| pause 함수 (0) | 2011.12.03 |