제목 : ※ 자바스크립트 정리
|
글번호:
|
|
167
|
|
작성자:
|
|
레드플러스
|
|
작성일:
|
|
2003/10/20 오후 1:15:00
|
|
조회수:
|
|
7248
|
* 프로그래밍 언어(JavaScript)
1. Hello World!!!
window.document.write();
<script language="JavaScript"></script>
<script language="JavaScript" src="*.js"></script>
2. 주석
/* */
//
3. 변수 및 데이터타입
var variableName;//헝가리언표기법+파스칼표기법+카멜표기법
DataType : Number, String, Boolean, Null
4. 연산자
4.1. 산술연산자 : +, -, *, /, %
4.2. 대입연산자 : =, +=, -=, ...
4.3. 증감연산자 : ++, --
4.4. 비교연산자 : >, >=, <, <=, ==, !=
4.5. 논리연산자 : &&, ||, !
4.6. 조건(3항)연산자 : ? :
기타. typeof()연산자
5. 조건문
5.1. if문
5.2. else문
5.3. else if문(다중 if문)
5.4. switch문
6. 반복문
6.1. for문
6.2. while문
6.3. do문
6.4. for~in문
6.5. break문
6.6. continue문
!. 1부터 100까지 짝수의 합을 구하는 프로그램(1분)
7. 함수(function)==메서드 : 어떤 동작을 수행할 수 있는 하나의 단위(모듈)
- 함수는 앞에 객체명이 안 온다.
7.1. 내장함수
parseInt()
parseFloat()
eval()
7.2. 사용자정의 함수
매개변수없는 : close();
매개변수있는 : alert(Parameter);
반환값이있는 : returnValue = confirm("","");
7.3. 함수 사용 목적 : 반복
8. 객체(Object) : 웹브라우저 내장 객체
window객체
.status
.alert()
.confirm()
.prompt()
.open()
.close()
.setTimeout()
document객체
.title
.write()
.lastModified
.bgColor
.fgColor
location객체
.href
.reload()
history객체
.back()
.forward()
.go()
form객체
.value속성 : 폼 구성요소가 가지고 있는 [값]
.action속성 : 폼의 내용 전송할 서버측 [URL]
.submit()메서드 : 폼의 내용 서버측으로 [전송]
.length속성 : 폼 구성요소가 가지는 값의 [길이]
.focus()메서드 : 해당 객체에 [포커스]
.select()메서드 : 해당 객체에 [블럭] 설정
frame객체/opener객체
9. 이벤트
onclick=""
onsubmit=""
onfocus=""
onload=""
onmouseover=""
onmouseout=""
onkeypress=""
!. UserID와 Password를 3자 이상 10자 이하로 입력하게 하는
폼 유효성 검사를 수행하는 프로그램을 작성하시오.(20분)
button -> onclick="함수명();"
submit -> onsubmit="return 함수명();"
10. 자바스크립트 내장 객체
10.1. Date 객체
10.2. String 객체
10.3. Array 객체
-변수(Variable) : 하나의 이름으로 하나의 데이터 타입을 하나만 저장
-배열(Array) : 하나의 이름으로 하나의 데이터 타입을 여러개 저장
-구조체(Struct) 또는 클래스(Class) : 하나의 이름으로 여러개의
데이터 타입을 여러개 저장 가능한 구조(==객체)
!. 모든 웹 페이지에 공통적으로 적용되는 자바스크립트 코드를 작성하시오.
단, 파일명은 웹사이트 루트(홈 디렉터리)에 global.js로 저장하시오.
!. 기타. 프로그램 잘 짜는 습관
적절한 주석
들여쓰기
한줄에 80자 이하
대소문자 구분
함수 사용
...