목차
제1장 자바스크립트 이야기
1. 월드 와이드 웹과 넷스케이프 네비게이터 = 1
1) 월드 와이드 웹의 열기 = 1
2) 넷스케이프의 등장 = 2
3) 넷스케이프의 역사 = 2
4) 자바스크립트-넷스케이프 2.0/3.0의 가장 중요한 특징 중의 하나 = 3
2. 자바스크립트란 무엇인가? = 4
1) 자바스크립트로 무엇을 할 수 있는가? = 4
2) 자바스크립트는 자바와 어떻게 다른가? = 4
3. 자바스크립트 실행 환경 = 6
1) 윈도우즈 3.1에서 넷스케이프 설치하기 = 7
2) 윈도우즈 95에서 넷스케이프 설치하기 = 12
4. 정리 = 18
제2장 자바스크립트 맛보기
1. 자바스크립트를 HTML 문서에 넣는 방법 = 19
1) [SCRIPT]택의 사용 = 19
2) 가장 간단한 자바스크립트 프로그램 = 20
3) 자바스크립트 코드 감추기 = 22
2. 자바스크립트 예제 맛보기 = 23
1) HTML 문서의 제목과 변경 날짜 알아내기 = 23
2) 현재 날짜와 시간을 알아내기 = 24
3) 브라우저에 버튼 만들기 = 25
4) 브라우저에서 히스토리 이동하기 = 27
5) 넷스케이프 상태선에 글자쓰기 = 28
3. 자바스크립트를 이용한 홈 페이지 방문 = 30
1) 홈 페이지 색깔 조정(Color Center) = 30
2) 홈 페이지 탐방(CyberExplorer) = 30
3) 야후 리모드(Yahoo Remote) = 31
4) 간단한 주문서(Simple Order Form) = 31
5) 그림 보기(Picture Viewer) = 32
6) 운전 면허 시험(California Driver's Exam) = 32
7) 자바스크립트 시계(Clock) = 33
8) 온도 변환(Temperature Conversation) = 33
9) 크로스워드 게임(Crossword) = 34
10) Tic Tac Toe 게임 = 34
11) 블랙잭 게임(BlackJack) = 35
12) 단어 맞추기 게임(Word Match Game) = 35
13) 자바스크립트 검색 서비스(JavaScript Search) = 36
14) 자바스크립트 검색 서비스(Personal Compass) = 36
15) 자바스크립트 검색 서비스(Surf Tool) = 37
16) 간단한 HTML 표 만들기(Basic HTML Table Generator) = 37
17) 달력(Caledar) = 38
18) 자바스크립트로 만든 HTML 편집기(HTMLjive) = 38
19) 상태선에 방문자 수 보여주기(JS-Counter) = 39
20) 마우스로 사람을 지정하여 편지 보내기(MSU College Business Messaging Center) = 39
4. 정리 = 40
제3장 자바스크립트의 기초
1. 자바스크립트의 기본 요소 = 41
1) 주석문 = 41
2) 자료형 = 42
2. 자바스크립트에서 변수 사용하기 = 44
1) 변수 만들기 = 44
2) 변수 선언하기 = 45
3) var를 이용하여 변수 선언하기 = 46
4) 변수의 자료형 변환하기 = 48
3. 자바스크립트에서 사용되는 연산자 = 48
4. 자바스크립트에서 사용되는 제어문 = 56
5. 정리 = 65
제4장 자바스크립트에서 함수 사용하기
1. 함수란 무엇인가? = 67
2. 자바스크립트에서 함수 정의하기 = 68
3. 자바스크립트에서 함수 사용하기 = 69
4. 자바스크립트 내장 함수 = 74
5. 함수의 재귀적 호출 = 78
6. 이벤트와 이벤트 핸들러 = 81
1) 이벤트와 이벤트 핸들러란 무엇인가? = 81
2) 이벤트에는 어떤 것들이 있는가? = 81
3) 이벤트 핸들러는 어떻게 지정하는가? = 82
4) 이벤트 핸들러 예제 = 82
7. 정리 = 84
제5장 자바스크립트에서 객체 사용하기
1. 객체란 무엇인가? = 85
2. 자바스크립트에서 객체 정의하기 = 86
1) 객체 정의하기 = 86
2) 객체 만들기 = 87
3) 객체의 메소드 정의하기 = 90
4) 객체를 객체의 특성으로 정의하기 = 92
5) 객체의 특성을 알아내는 또다른 방법-배열의 사용 = 95
6) 객체의 특성을 알아내는 또다른 방법-참조 배열의 사용 = 97
7) for...in 제어문 = 100
8) 배열 만들기 = 102
3. 자바스크립트에 내장된 객체 사용하기 = 105
1) 자바스크립트 내장 객체 = 105
2) Date 객체 = 105
3) String 객체 = 108
4) Math 객체 = 119
5) Array 객체3.0 = 124
6) Function 객체3.0 = 130
4. 정리 = 132
제6장 브라우저 내장 객체 사용하기
1. 브라우저 내장 객체 계층 구조 = 133
2. window 객체 = 134
1) window 객체의 특성 = 135
2) window 객체의 메소드 = 139
3) window 객체의 이벤트 핸들러 = 160
3. frames 객체 = 161
4. document 객체 = 161
1) document 객체의 특성 = 162
2) document 객체의 메소드 = 184
3) document 객체의 이벤트 핸들러 = 188
5. history 객체 = 189
1) history 객체의 특성 = 189
2) history 객체의 메소드 = 191
6. location 객체 = 195
1) location 객체의 특성 = 195
2) location 객체의 메소드 = 200
7. Link 객체 = 201
1) Link 객체의 특성 = 202
2) Link 객체의 이벤트 핸들러 = 202
8. anchor 객체 = 204
9. navigator 객체 = 204
1) navigator 객체의 특성 = 205
2) navigator 객체의 메소드 = 211
10. Image 객체3.0 = 212
1) Image 객체의 특성 = 214
2) Image 객체의 이벤트 핸들러 = 216
11. 정리 = 217
제7장 자바스크립트에서 입력 양식 다루기
1. HTML에서 입력 양식 만드는 방법= 219
1) 입력 양식(Form)이란 무엇인가? = 219
2) ＜FORM＞ 택에 대하여 = 220
3) ＜INPUT＞ 택에 대하여 = 221
4) form 객체 = 222
5) form 객체의 특성 = 223
6) form 객체의 메소드 = 227
7) form 객체의 이벤트 핸들러 = 228
2. 텍스트 입력 양식-text 객체 = 230
1) 텍스트 입력 양식 만들기 = 230
2) text 객체 = 231
3) text 객체의 특성 = 232
4) text 객체의 메소드 = 237
5) text 객체의 이벤트 핸들러 = 240
3. 텍스트 영역-textarea 객체 = 243
1) 텍스트 영역 만들기 = 243
2) textarea 객체 = 244
4. 암호 입력 양식-password 객체 = 246
1) 암호 입력 양식 만들기 = 246
2) password 객체 = 246
5. 숨겨진 입력 양식-hidden 객체 = 247
1) 숨겨진 입력 양식 만들기 = 247
2) hidden 객체 = 248
6. 버튼 입력 양식-button 객체 = 248
1) 버튼 입력 양식 만들기 = 248
2) button 객체 = 249
3) button 객체의 특성 = 250
4) button 객체의 메소드 = 250
5) button 객체의 이벤트 핸들러 = 250
7. 데이터 보내기 버튼-submit 객체 = 252
1) 데이터 보내기 버튼 만들기 = 252
2) submit 객체 = 253
8. 리셋 버튼-reset 객체 = 253
1) 리셋 버튼 만들기 = 253
2) reset 객체 = 254
9. 체크 박스-checkbox 객체 = 255
1) 체크 박스 만들기 = 255
2) checkbox 객체 = 257
3) checkbox 객체의 특성 = 258
4) checkbox 객체의 메소드 = 262
5) checkbox 객체의 이벤트 핸들러 = 263
10. 라디오 버튼-radio 객체 = 265
1) 라디오 버튼 만들기 = 265
2) radio 객체 = 267
3) radio 객체의 특성 = 268
4) radio 객체의 메소드 = 272
5) radio 객체의 이벤트 핸들러 = 272
11. 리스트 박스-select 객체 = 274
1) 리스트 박스 만들기 = 274
2) select 객체 = 279
3) select 객체의 특성 = 280
4) select 객체의 이벤트 핸들러 = 286
5) Option 객체의 추가, 삭제, 수정3.0 = 288
12. 파일 업로드 입력 양식-FileUpload 객체3.0 = 291
1) 파일 업로드 입력 양식 만들기 = 291
2) FileUpload 객체 = 291
3) text 객체의 특성 = 292
13. 정리 = 294
제8장 자바스크립트로 프레임 다루기
1. 프레임 만들기 = 295
1) 프레임이란 무엇인가? = 295
2) 프레임을 위한 기본 택 = 296
3) 프레임 예제 = 299
4) 출력 방향을 프레임으로 지정하기 = 311
5) 출력 방향을 윈도우로 지정하기 = 321
2. 자바스크립트로 프레임 다루기 = 325
1) frame 객체 = 325
2) 다른 프레임 속성에 접근하는 예제 = 326
3) 다른 프레임 메소드에 접근하는 예제 = 328
4) 프레임 속의 프레임 예제 = 330
3. 정리 = 334
제9장 자바스크립트 고급 예제
1. 홈 페이지에 시계 넣기 = 335
2. 브라우저 상태선에 메시지 스크롤시키기 = 338
3. 홈 페이지에서 뉴스 속보 보여주기 = 341
4. 홈 페이지 달력 만들기 = 343
5. 홈 페이지에 계산기 만들기 = 347
6. 홈 페이지에 풀다운 메뉴 구현하기 = 350
7. 홈 페이지에 리모트 컨트롤 만들기 = 352
8. 브라우저 종류와 버전 체크 프로그램 = 354
9. 자바스크립트로 만드는 애니메이션 = 356
제10장 자바스크립트, 자바, 플러그인
1. 자바스크립트, 자바, 플러그인의 연결 = 359
1) 라이브커넥트(LiveConnect) = 359
2. 자바스크립트에서 자바와 플러그인에 접근하기 = 360
1) 자바스크립트에서 자바 메소드 호출하기 = 360
2) 자바스크립트에서 자바애플릿 제어하기 = 361
3) 자바스크립트에서 플러그인 접근하기 = 364
3. 자바에서 자바스크립트에 접근하기 = 365
1) 자바에서 자바스크립트의 객체와 특성에 접근하기 = 366
2) 자바에서 자바스크립트 메소드 호출하기 = 367
4. 정리 = 367
부록
부록A HTML 맛보기 = 369
1. HTML 문서에 대하여 = 369
1) HTML 문서는 왜 알아야 하는가? = 369
2) HTML 문서 = 369
3) HTML 문서의 특징 = 371
4) HTML 문서의 기본적인 형식 = 372
2. 가장 간단한 HTML 예제 만들기 = 373
3. HTML 문서 모양 만들기 = 375
4. HTML 문자 모양 만들기 = 378
1) 문자의 논리적 스타일 = 379
2) 문자의 물리적 스타일 = 380
3) 몇 가지 특별한 택들 = 381
5. HTML로 목록과 표 만들기 = 383
1) 순서 있는 목록 = 383
2) 순서없는 목록 = 383
3) 메뉴 목록 = 385
4) 디렉토리 목록 = 385
5) 용어 정의 목록 = 386
6) 목록의 중첩 = 388
7) HTML 문서의 표 = 389
6. HTML 문서의 연결 = 395
1) ＜A＞택 = 395
2) HTML 문서 내에서의 연결 = 396
3) 한 컴퓨터 안에서의 연결 = 398
4) 인터넷 상에서의 연결 = 399
7. HTML 문서에 그림 넣기 = 401
1) ＜IMG＞ 택 = 401
2) ＜IMG＞ 택의 속성 = 401
3) 이미지를 통한 문서의 연결 = 404
8. HTML에서 입력 양식(Form) 만들기 = 405
1) 입력 양식을 위한 기본 택 = 405
2) 텍스트 입력 양식 = 408
3) 암호 입력 양식 = 408
4) 체크 박스 = 410
5) 라디오 버튼 = 411
6) 데이터 보내기 버튼 = 414
7) 리셋 버튼 = 414
8) 이미지 입력 양식 = 415
9) 숨겨진 입력 양식 = 416
10) 목록에서 선택하기 = 417
11) 텍스트 영역 만들기 = 422
부록B 자바스크립트 객체 라이브러리 = 425
부록C 자바스크립트 메소드와 함수 라이브러리 = 449
부록D 자바스크립트 특성 라이브러리 = 479
부록E 자바스크립트 이벤트 핸들러 라이브러리 = 499
부록F 자바스크립트 옐로우 페이지 = 503
찾아보기 = 515
