- 1 특수 문자
- 보통 글자가 아닌 HTML에서 다르게 사용되는 문자의 표현
- 1 기초 문구 예제
- comment, Javascript에서 문자 쓰기, URL 연결 들 기초사항
- 1 단순 순환 작업 for loop
- 가장 기본적인 for (i=1; i <= 10; i++) {...} 연속 작업
- 1 반복 작업 계속(Continue: while Loop)
- 조건 검정하여 3으로 나누어 지는 수치 건너 뜀
- 1 parseFloat(str), parseInt(str)
- parseFloat(str), parseInt(str)로 문자열을 수자, 정수로 만듬.
- 1 산술, 수학 계산
- 변수 설정, 산술 계산, 수학 계산, 기술 계산의 기초
- 1 TEXTAREA 입력, this.key
- TEXTAREA는 여러 열의 문장을 입력, 수정 할 때 사용, this.으로 변수 전달
- 1 암호 (password)
- 입력란의 내용이 보이지 않는 암호를 지정, 조회하거나 점검 할 수 있다.
- 1 감추어진 (hidden object)
- 감춘 field를 지명하여, 변수를 주거나 변수를 줄 수 있슴.
- 1 아주 간단한 단추 (button)
- FORM, INPUT, type=button, onClick()
- 1 체크 박스 (check box)
- FORM, INPUT, type=checkbox, onClick()
- 1 남, 녀 선택 레디오 단추
- name이 같은 radio INPUT들은 서로 배타적으로 국가와 성별을 선택하여, 선택사향을 점검한다.
- 1 현재 시각 보기
- 간단한 일자, 시간 보기, Javascript로 문서에 쓰기 document.write(".....")
- 1 스트링 취급 종합 예제
- 문자의 결합, 분리, 대문자 변환, 소문자 변환, 스트링 부분 발췌 등
- 1 ASCII를 찾아오는 escape()
- 글자를 16진수 글자 번호로 바꿈
- 1 ASCII를 문자로 환원하는 unescape() 기능
- unescape으로 16진수 문자열을 ASCII 글자, 문자열로, escape는 글자를 16진수 문자열로 변환
- 1 변수 선언과 수학 계산
- var로 변수 선언, Math.으로 수학 기능 호출과 계산, 수학 공식에 사용되는 글자 표현 등
- 1 with 사용 한 수학 계산 예제
- with (Math)를 사용하여 {...} 속에서 모든 Math.을 생략하여 기재
- 1 무작위수 생성
- 범위내의 무작위수 연속 생성, 한개씩 생성, while loop, for loop를 수행하여 return value를 사용한다.
- 1 Log ID와 암호를 입력하는 프레임들
- Login ID와 암호를 입력하는 프레임구조를 쉽게 보는데 상황에 따라 프레임들에 다른 페이지이 보이도록 설계되어 있다.
- 1 사용하는 창 너비에 따라 프레임 다르게 설정
- 브라워저 창 너비를 감지하여 그에 따라 프레임을 다르게 설정하는 예제
- 2 체크 박스 (check box) 선택 점검
- 체크박스가 선택되었는가를 점검하여 아무것도 선택되지 않으면 진행되지 않는 예제
- 2 입력 글자 점검
- 입력한 글자가 수치인지, 대문자인지, 소문자인지를 점검
- 2 Key 입력의 ASCII 값을 찾아오는 escape() 기능
- Key 글자를 10진수 Ascii 글자 번호로 바꿈
- 2 창을 최대로 열기
- '창을 닫을까?'하는 물음 없이 새 페이지를 열면서 최상위 현재창을 최대의 크기로 열기
- 2 창을 원하는 위치, 원하는 크기로 열기
- 새 페이지를 열면서 최상위 현재창을 원하는 위치, 원하는 크기로 열기
- 2 오브젝트 내용으로 계산하는 예제
- div 내의 수치를 이용하여 계산하여 div 내용으로 표시하는 방식
- 2 카운트 다운 예제
- 일정한 시간동안 카운트다운하여 종요를 알리는 예제
- 2 문자 검색(E-mail 주소 점검)
- function, for loop를 이용하여 개별 문자를 점검하여 @글자가 있는가를 알아본다.
- 2 무효 수치 점검
- 문자열의 길이를 찾아 글자가 수치인가를 점검한다.
- 2 천단위 콤마 넣기
- 수치의 유효, 무효를 확인하여 1000 단위마다 콤마(,)를 넣는다.
- 2 현재 사용 중인 IP address는 ?
- Netscape용
- 2 브라우저 (Browser) 점검
- 사용도구 머릿말, 이름, 버전, 코드명을 알아내고, 이들을 이용하여 조건 점검, 문자열 구성.
- 2 현재 HTML 문서 코드 소스 보기
- 현재 페이지를 그대로 보기를 하려면, 브라우저에서 설정된 에디터로 볼 수 있다.
- 1 검정, 수행하는 eval()
- 수식, 문자열에서 점검하여 실행한다.
- 1 페이지(Document Objects) 관련, anchors array(배열 변수) 예제
- 서류의 색상, 연결, 수정일 등의 변수와 array(배열 변수)를 공부한다.
- 2 색상 변경
- INPUT button으로 기능을 불러 배경 색상 변경
- 1 조건 검정
- (남->군:여->양) radio 배타적 선택 ?을 사용한 조건 검정, onclick으로 기능 불러 존칭 추가
- 1 Frame 다시 설정하기
- Hompepage의 Index가 다른 Homepage의 FRAME상에 나타나는 것을 방지하기 위하여 유용하다.
- 1 이미지 자동 변동
- array(배열 변수)에 그래픽 화일들을 저장하여 onload로 불러 단계별로 표현 함
- 1 CSS font-family 목록 만들기(HTML 설명서 중)
- array(배열 변수)에 폰트 글꼴을 넣고 불러 표를 만듬(Explorer 만)
- 2 onMouseOver로 Status Message 표시
- Status Message를 표현하고, 움직이게하고, 이미지를 바꿀 수 있다.
- 1 onMouseDown으로 이미지 표시
- 이미지를 누르면 이미지가 바뀐다.
- 1 onMouseOver로 이미지 표시
- 복수 단추 이미지의 onMouseOver를 통한 다른 공통 이미지를 변환시킬 수 있다.
- 2 onMouseOver로 스타일 변경
- 마우스을 이동하여 Javascript와 결합하여 글자색, 배경색상 및 스타일을 변경시킨다.
- 2 무작위로 이미지 변화
- 배열 변수에 이미지들을 보관하고 1-9 사이의 무작위수를 생성하여 한개씩 불러와 표현
- 2 배경 색상 변경
- BODY에서 RGB 색상을 16진수로 변경하면서, 배경색 변경
- 2 Javascript로 작성 된 색상표
- DataBase에 색상명, 색상 번호를 보관, 순서적으로 읽어 표로 만듬
- 1 사용자 정의 기능 계산
- FORM에서 function()을 이용하여 가감승제를 계산 함
- 2 방문 한 기록 (history)
- history.length로 방문 했던 갯수를 알아 for loop에서, 각 기록을 INPUT의 history.go(n)으로 연결.
- 1 날자, 시간
- 각종 날자, 시간 변수와 조건 점검에 의한 문자열 결함
- 2 달력 만들기
- 이달의 달력을 만든다. CSS와 결합하여 작성
- 1 시간 계속 표시
- 변수를 계속 변경시켜 움직이는 시계를 만듬, TEXTAREA에 시계부분의 Code를 보임.
- 2 디지탈 시간 표시
- 각 숫자의 그래픽을 배열변수에 넣고, 수치를 점거하여 해당 그라픽을 찾아 화면에 설정 함
- 1 form의 엘레멘트 array(배열 변수)
- 입력을 위한 FORM 요소들을 모아 놓은 목록으로 갯수를 찾아, 각 요소를 찾아 냄
- 2 URL 연결 (link)
- 절대, 상대 URL 설정 가능, FRAME name target 설정, "Javascript:"로 HTML에서 수행, features 특성 지정
- 2 URL 특성 보기
- protocol, host, hostname, href등 현재 문서의 URL 특성을 본다
- 1 HTML부위로 가는(self.location.hash) 예제
- <A href=#...>...</A>와 같은 의미, 시간 목록에서 부위(fragment) 지정하여 바로 감
- 1 URL 자동 연결
- 페이지가 읽어지면 바로 지정한 곳으로 다시 연결. Internet Address가 변경되었을 때, 아주 유용 함.
- 1 보조 창으로 서류 연결과 열기, 닫기
- 문서를 새창으로 연결하고 닫기, 새창에서 자체 창닫기
- 1 이름 첫 문자 대문자로
- (영어에서) 문자열 각 글자를 공간인가 점검하여, 단어의 첫글자를 대문자로 변환한다.
- 1 요일마다 다른 배경색과 글자색 만드는 예제
- 날자를 입력하면 새창을 열어 요일과, 요일에 따른 배경색과 글자색 만드는 예제
- 2 ASCII 테이블 만들기
- for (i=1;i>=256;i++){....} 로 255까지 반복, 10 칸마다(i%10) 줄 바꿈하여 표 구성.
- 2 16진수 테이블 만들기
- function 기능으로 각 한자리 수치를 16진수 ...9abcdef로 대치하고 수치를 결합
- 2 국제 도메인 검색 프로
- 검색 후 돌아와야 하는 번잡성과 일일히 키 입력을 피한 용이한 검색을 위한 프로.
- 2 국내 도메인 검색 프로
- 검색 후 돌아와야 하는 번잡성과 일일히 키 입력을 피한 용이한 검색을 위한 프로.
- 1 Color Table 만들기
- RGB 색상을 만들어 연속적으로 색상표를 만듬
- 2 원하는 규격의 새로운 창 열기
- 창 features 해당 선택과 입력 후 새로운 창을 열면 입력 규격에 맞는 창을 연다.
- 2 문자 자동 이동 Explorer용
- pixcell 단위로 수치를 증감시켜 text 이동 표현 함
- 3 순환 작업(for ... in Loop), textarea object 보기
- TEXTAREA의 모든 애트리뷰트, 특성, 이벤트, array(배열 변수)의 값을 본다. 다른 elememt에 적용가능
- 1 Select Box 상황 보기
- 새로운 창을 열어 Select Box의 값, 선택 상황, default 등 각 배열변수(array) 내용을 본다.
- 3 색상 선택 프로그램(http://trio.co.kr/webrefer/js/jsex/xclrindex.html)
- 메뉴에서 색상을 선택, 적용하면, 지정 색상에 따라 새로운 창 생성
- 3 검색 엔진
- 자체 데이터 베이스에서 필요한 키워드로 해당 데이터를 찾아 열거
|
