JavaScript 태그
기본태그
alert(“메시지”) : 경고 창 띄움
prompt(“메시지”,””) : 입력 창 띄움
ㄴex) name = prompt(“이름을 입력하시오”, “”);
confirm(“메시지”) : 확인, 취소 창 띄움
ㄴ반환값이 true면 [확인], false면 [취소]가 선택된 것
ㄴex) if(ok==true) //확인버튼 눌렀을 때
alert(“확인되었습니다.”);
else
alert(“취소되었습니다.”);
함수
내장 함수
eval() : 문자열을 수식으로 바꾸어준다.
isNaN(value) : value가 순수한 문자이면 true, 숫자형태이면 false를 리턴한다.
ㄴ숫자 1이 참이고 0이 거짓
배열
var 배열명=[원소1, 원소2, 원소3, ...];
ex) var city=[“Seoul”, “Busan”, “Incheon”];
문자열 위치 관련 메소드
indexOf() : 지정한 문자열의 첫 번째 인덱스 위치를 알아냄
ㄴ데이터가 존재하지 않으면 -1반환
ex) email.value.indexOf("@") //이메일 @위치 찾기
document.write("당신의 ID는 "+ email.slice(0,num) +"이고, <p>");
document.write("도메인 주소는 "+ email.slice(num+1) +"입니다.");
innerHTML : 웹문서 안에서 아이디가 “car”인 요소를 찾아 내용 출력
ex) document.getElemmentByid(“car”).innerHTML;
getElementById (“ID명”).innerHTML= 출력내용;
문자열 객체의 문자열 추출 메소드
substring(n, m) : 문자열의 n번째 문자부터 m번째 문자까지 표시한다.
slice(n, m) : substring과 동일
substr(n, m) : 문자열의 n번째 문자부터 m개의 문자를 표시한다.
형식
문자열.slice or substring(시작인덱스, 끝 인덱스+1);
문자열.substr(시작인덱스, 길이);
문자열 분리 및 결합 메소드
split(“구분문자”) : 구분문자를 이용해서 문자열 객체를 분리시킨다.
concat(“문자열”) : 문자열을 문자열 객체에 결합시킨다.
toUpperCase() : 모두 대문자로 바꾸어 표시한다.
toLowerCase() : 모두 소문자로 바꾸어 표시한다.
Date 객체
: 날짜와 시간에 대한 정보를 컨트롤 할 수 있는 객체
ex)
today=new Date(); : 현재 날짜와 시각을 갖는 today 객체 생성
document.getElementById("var2").innerHTML="현재시간은 " +today.getHours()+"시"+today.getMinutes()+"분 "+today.getSeconds()+"초 입니다.";
getDate() : 1~31 날짜 반환
getDay() : 0~6 요일 반환(0:일요일, 1:월요일….)
getFullYear() : 연도 반환
getMonth() : 0~11월 반환
getHours() : 0~23시간 반환
getMinutes() : 0~59분 반환
getSecond() : 0~59초 반환
setTimeout("a()", 1000); :a()함수를 1초 뒤 한번 실행하도록 하는 코드
ㄴ시간이 계속 변하게 하고자 하는 함수 안에 같이 넣어야 함
이벤트와 핸들러
Event Handler : 이벤트 앞에 on을 붙이면 이벤트 핸들러가 됨
onLoad() : 웹 브라우저 홈페이지를 불러올 때
onClick() : 마우스를 클릭할 때
onFocus() : 커서나 포커스가 위치했을 때
onBlur() : 커서나 포커스가 다른 곳으로 이동할 때
onMouseover() : 마우스가 위로 왔을 때
onChange
폼의 유효성 검증
공백 검증 : .value.length == 0 / value == ””
웹페이지 시작 시에 커서 위치 : <body onload=”frm.name.focus();”>
숫자만 입력하게 하는 검증 : isNaN()메소드 이용하는 방법도 있음
ㄴisNaN : 인자로 들어온 값이 Not a Number인지 판단하는 메소드
ㄴ숫자 1이 참이고 0이 거짓
유효성 검증 후 처리
입력 폼의 내용을 삭제 후 포커스 위치시키기
ex) frm.name.value=“” ; //공백만들기
frm.name.focus() ; //포커스 위치시키기
입력 폼의 내용을 블록 처리하기
ex) frm.name.select(); //입력한 글자 전체가 선택됨
입력 후 폼의 내용 수정 못하게 하기
ex) frm.name.disabled=true; //입력한 글자창에 입력이 불가능해짐