1. 내장함수(Built-in Function).

 - 함수를 재정의하지 않아도 함수 호출문 몇 줄만 코딩하면 바로 실행할 수 있는 자바 스크립트 내에 포함된 기본 함수.

 

2. 종류.

 - alert(문자열) : "확인" 버튼이 있는 메시지 상자.

                         메시지의 줄바꿈을 원하는 경우 '\n'을 이용.

 - confirm(문자열, 초기값) : "확인"과 "취소"있어 방문자가 스스로 버튼을 선택할 수 있는 대화 상자.

 - escape(문자) : 문자를 ASCII 형식의 문자로 변환.

 - eval(수식) : 문자열을 수식으로 받아들여 그 내용을 계산해주는 함수.

 - isNaN(m) : m이 숫자인지 판별하여 숫자인 경우에는 참 값을 반환하고 그렇지 않을 경우에는 거짓을 반환.

 - parseint(문자열) : 문자열을 정수로 변환.

 - parseFloat(문자열) : 문자열을 부동 소수점으로 변환.

 - prompt(문자열, 초기값) : 값을 입력할 수 있는 입력 대화상자.

                                      문자열이 메시지 형식으로 설명글 기능을 하여 나타나고, 초기값이 입력란에 나타난다.

 - unescape(ASCII 코드 문자) : escape 함수와 반대로 ASCII 코드의 문자를 문자세트로 변환.

 

http://blog.naver.com/shylove2456?Redirect=Log&logNo=150098963101

 

 

alert("출력할 문자열")

<html>
<head>
 <title>경고창</title>
 <Script language = "JavaScript"> 
 <!--
  alert("경고한다. 내 마을에 접근하지 마")
  //--!>
 </Script>
</head>
<body></body>
</html>

 

.confirm 함수

<html>
 <head>
 <title>confirm함수</title>
 <Script language = "JavaScript">
 
  <!--
   var right;
   right = confirm("제 친구로 가입하시겠습니까"); //확인 메시지 창을 띄웁니다. [확인]단추를 클릭하면 true값을 전송합니다.

   
   if (right==true) {
    document.write("당신은 이미 제 친구입니다!");
   }else{
    document.write("저와 친구되기 싫은 거군요?");
   }   //-->


 </script>
 </head>
</html>

 

 

eval 함수                                                                                                                                                                     
수식형태로된 문자열을 실수로 바꾸어 반환해 주는 자바스크립트 내장함수입니다
일반 문자식도 변환하여 반환해줌
ex)

eval(수식형태의 문자열) ex) eval("54+13") -> 67
eval("document.formName.objName.value")  -> objName객체의 Value를 리턴


escape() 함수와 unescape() 함수


escape() 함수는 알파벳과 숫자 및 * , @, - , _ , + , . , / 를 제외한 문자를
모두 16진수 문자로 바꾸어 줍니다.
이 함수는 쉼표와 세미콜론 같은 문자가 쿠키문자열과의 충돌을 피하기 위해 사용됩니다.
이렇게 16진수 문자열로 변환된 문자열은 unescape() 함수로 다시 되돌려줄 수 있습니다
ex)
escape('홀맨')           -> %uD640%uB9E8
unescape('%uD640%uB9E8') -> 홀맨


isFinite() 함수 와 isNaN() 함수


isFinite()  함수는 괄호안의 값이 유한의 수인지 아닌지를 판단하여 true 나 false를 return 해 줍니다.
재미있는 것은 isFinite("5678") 처럼 숫자형 문자열도 true입니다

isNaN() 함수는 괄호안의 값이 순수한 문자이면 true를 문자이지만 숫자형태이면 false를 return 해 줍니다.
Not a Number 로 이해하면 되겠죠.
ex)
isFinite('12345') -> true
isFinite(12345)   -> true
isNaN('12345')    -> false
isNaN('홀맨')     -> true

 

Number() 함수와 String() 함수


Number() 함수는 문자형태의 숫자를 숫자로 바꾸어주고, String() 함수는 숫자를 문자로 바꾸어 return 해 줍니다
ex)
Number('33') + Number('55') -> 88
String(33) + String(55)     -> 3355

 

parseInt() 함수


parseInt() 함수는 문자열을 정수로 변환시켜주는 함수입니다. 얼핏보기에는 eval() 함수나 Number() 함수와 비슷해 보이지만,
parseInt() 함수는 매개변수를 이용하여 8진수, 16진수 등의 수로도 변환이 가능하며,
숫자형과 문자형이 혼합된 문자열에서 숫자형 뒤에오는 문자형은 0을 반환하여 숫자만 출력 시켜 줍니다.
또, 소수인 경우에는 소숫점 이하를 버리고 정수만 반환합니다.

형식)parseInt(숫자형문자열,[진수])
ex)
parseInt('33') + parseInt('55') --> 88
parseInt('33',8)                --> 27
parseInt('worldcup2002')        --> NaN  //첫번재가 문자이므로
parseInt('2002worldcup')        --> 2002 //첫번째가 숫자이므로 문자는 무시
parseFloat('33') + parseFloat('55.123') ===> 88

 

parseFloat() 함수


앞서 parseInt() 함수가 문자열을 정수로 변환시켜주는데 비해,
parseFloat() 함수는 문자열을 부동소수점으로 변환시켜 줍니다. 만약 문자를 숫자로 변환하지 못하면 NaN을 반환해 줍니다
ex)
parseFloat('33') + parseFloat('55') --> 88
parseFloat('12.345e3')              --> 12345
parseFloat('worldcup2002') ===> NaN
parseFloat('2002worldcup') ===> 2002
parseFloat('33') + parseFloat('55.123') ===> 88.12299999999999 // 9999가 찍히는건 자바특성이므로 계산시 유의해야 함

 

---------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

자바스크립트 내장 객체 : 자바스크립트에서 자체적으로 지원하는 객체
 
사용방법 : 객체명 = new 객체의 형식(값)
 
Anchor : 책갈피 기능
Applet : 자바애플릿(Java Applet)삽입
Area : 이미지맵(Image Map)의 범위 지정
Argument : 함수 호출시 사용되는 매개변수의 정보 제공
Array : 배열 사용
Boolean : Boolean형의 객체 생성
Button : 버튼 입력양식을 위한 객체
Checkbox : 체크박스 입력을 위한 객체
Date : 날짜와 시간을 우한 객체
Document : 문서에 관한 정보를 다루는 객체
Event : 이벤트에 관한 객체
FileUpload : 파일 업로드를 위한 입력 양식의 객체
Form : 폼 관련 객체
Frame : 프레임 관련 객체
Function : 함수 생성 객체
Hidden : 숨김 속성의 객체
History : 브라우저에 남아 있는 URL 관련 객체
Image : 이미지 관련객체
Layer : 레이어 관련 객체
Link : 링크 관련 객체
Location : 브라우저의 현 URL이 갖고 있는 정보에 관한 객체
Math : 수학 계산을 위한 객체
MimeType : 브라우저에서 제공하는 MIME타입과 관련된 객체
Navigator : 브라우저 정보에 관한 객체
Number : 문자열 수를 숫자로 바꾸어 주는 객체
Option : 리스트 박스에 있는 옵션 메뉴에 관한 객체
Password : 비밀번호 관련 객체
Plugin : 플러그인 관련 객체
Radio : 라디오 버튼 관련 객체
Reset : 리셋 관련 객체
Screen : 화면 관련 객체
Select : 리스트박스 관련 객체
String : 문자열 처리를 위한 객체
Submit : 전송 버튼을 위한 객체
Text : 텍스트 영역에 관한 객체
Textarea : 텍스트 영역에 관한 객체
Window : 브라우저 창에 간한 객체
 
=====================================================================================================
 
String 객체 속성 및 메서드
 
-----------------------------------------------------------------------------------------------------
 
new 연산자 없이 생성
 
변수명="문자열"
변수명.속성
변수명.메서드
 
length : 문자열의 길이 (사용 : 변수명="문자열", 변수명.length, "문자열".length)
 
prompt() : 사용자 프롬프트 창 띄우기
 
글꼴관련 메서드
 
big() : 글자를 크게 한다.
blink() : 글자를 깜빡이게 한다.(넷스케이프 전용)
bold() : 글자를 두껍게 한다.
fixed() : 글자를 타자체로 한다.
fontcolor() : 글자의 색상을 지정한다.
fontsize() : 글자의 사이즈를 지정한다.
italics() : 글자를 이태릭체로 지정한다.
small() : 글자르 작게 한다.
strike() : 글자의 중간에 줄을 표시한다.
sub() : 글자에 아래 첨자를 지정한다.
sup() : 글자에 위 첨자를 지정한다.
 
하이퍼 텍스트 관련 메서드
 
anchor() : 책갈피 기능
link() : 링크 기능
 
문자열 처리 관련 메서드
 
CharAt() : 인덱스 위치의 문자를 알아내는 메서드
CharCodeAt() : 인덱스 위치의 문자르 ISO-Latin-1 코드로 변환하는 메서드
fromcharCode() : ISO-Latin-1 코드를 문자로 변환해 주는 메서드
concat() : 문자열에 내용을 추가하 때 사용되는 메서드
indexOf() : 찾는 문자열의 첫 인덱스위치를 알아내는 메서드
lastIndexOf() : 찾는 문자열의 마지막 인덱스 위칠르 알아내는 메서드
slice() : 문자열의 순서에 따른 분리를 해주는 메서드
split() : 매개변수의 입력기준에 따른 문자열을 분리해주는 메서드
Substring() : 매개변수의 입력기준에 따른 문자열을 나타내주는 메서드
substr() : 매개변수의 입력기준에 따른 문자열을 나타내주는 메서드
toLowerCase() : 문자열을 소문자로 빠꿔주는 메서드
toUpperCase() : 문자열을 대문자로 바꿔주는 메서드
 
-----------------------------------------------------------------------------------------------------
 
Date 객체 : 사용자 및 서버의 시스템에서 날짜와 시간을 컨트롤
 
-----------------------------------------------------------------------------------------------------
 
변수명 = new Date
 
Date 객체의 메서드
 
getYear() : 1970년 이후의 연도를 구한다.
getMonth() : 월을 구한다.
getDate() : 일을 구한다.
getDay() : 요일을 구한다.
getHour() : 시를 구한다.
getMinutes() : 분을 구한다.
getSeconds() : 초를 구한다.
getTime() : 1970년 1월 1일 이후 시간을 1/1000초로 나타낸다.
getMilliseconds() : 1/100초로 나타낸다.
setYear() : 1970년 이후 연도를 설정한다.
setMonth() : 월을 설정한다.
setDate() : 일을 설정한다.
setDay() : 요일을 설정한다.
setHour() : 시를 설정한다.
setMinutes() : 분을 설정한다.
setSeconds() : 초를 설정한다.
setTime() : 1970년 1월 1일 이후 시간을 1/1000초로 설정한다
setMillisenconds() : 1/100초로 설정한다.
 
-----------------------------------------------------------------------------------------------------
 
Math 객체 : 수학계산 관련 객체
 
-----------------------------------------------------------------------------------------------------
 
new 연산자 없이 생성 
 
Math.속성 
Math.메서드 
Math.메서드(매게변수)
Math 객체 속성
 
E : 자연로그 밑에 사용하는 오일러 상수(약 2.718)
LN2 : 2의 자연로그(약 0.693)
LN10 : 10의 자연로그(약 2.032)
LOG2E : 밑이 2인 e의 로그(약 1.442)
LOG10E : 밑이 10인 e의 로그(약0.434)
PI : 원주율. 파이를 나타낼 때 사용되는 속성(약 3.14159)
SQRT1_2 : 1/2의 제곱근 (약 0.707)
SQRT2 : 2인 제곱근(약 1.414)
 
Math 객체의 메서드
 
abs() : 절대값을 리턴
acos() : 역 코사인 값을 리턴
asin() : 역 사인 값을 리턴
atan() : 역 탄젠트 값을 리턴
atan2() : 지정된 좌표값으로 탄젠트 값을 리턴
ceil() : 지정된 값의 소수부분을 올림
cos() : 코사인 값을 리턴
exp() : 지수함수
floor() : 지정된 값의 소수부분을 버림
log() : 로그값 리턴
max() : 입력된 문자 중 가장 큰 값 리턴
min() : 입력된 문자 중 가장 작은 값 리턴 
pow() : 지수값 리턴
random() : 0~1까지의 난수를 발생시킴
round() : 소수점 이하의 수를 반올림
sin() : 사이값 리턴
sqrt() : 제곱근 값 리턴
tan() : 탄젠트 값 리턴
 
-----------------------------------------------------------------------------------------------------
 
Array 객체 : 배열을 만드는 객체
 
-----------------------------------------------------------------------------------------------------
 
변수명 = new Array(n) // n은 정수. n 개수 만큼의 배열을 만든다.
 
Array 객체의 메서드
 
concat() : 기존 배열에 배열을 추가
join() : 배열값을 하나의 문자열로 변환
reverse() : 배열값의 위치를 반대로 한다.
slice() : 배열을 분리 시킨다.
sort() : 배열을 정렬해 준다.
 
-----------------------------------------------------------------------------------------------------
 
Function 객체 : 함수를 사용하지 않고 객체로 함수의 내용을 정의해 주는 내부 객체. 처리는 함수와 같음 
 
-----------------------------------------------------------------------------------------------------
 
Function 객체명 = new Function(매개변수1,매개변수2,....., 계산식)
 
예제)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
<SCRIPT language="JavaScript">
<!--
  function take(a,b){
  return(a+b)
  }
  document.write(take(10,20))
//-->
</SCRIPT>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
<SCRIPT language="JavaScript">
<!--
  take = new function take("a","b","return(a+b)")
  document.write(take(10,20))
//-->
</SCRIPT>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 
-----------------------------------------------------------------------------------------------------
 
Screen 객체 : 모니터의 해상도 색상수 및 화면 크기에 관련된 객체
 
-----------------------------------------------------------------------------------------------------
 
Screen 객체의 속성
 
availHeight : 인터페이스가 차지한 범위를 제외한 실질적인 공간의 높이를 픽셀로 구한다.
availWidth : 인터페이스가 차지한 범위를 제외한 실질적인 공간의 넓이를 픽셀로 구한다.
colorDepth : 컴퓨터에서 사용되는 컬러 수를 표시
height : 모니터상에 보여주는 즉, 디스플레이 화면의 높이를 픽셀로 구한다.
width : 모니터상에 보여주는 즉, 디스플레이 하면의 넓이를 구한다.
pixelDepth : 하나의 픽셀당 비드 수를 표시(넷스케이프 전용)
 
-----------------------------------------------------------------------------------------------------
 
Event 객체 : 키보드나 마우스의 움직임에 관련되 객체
 
-----------------------------------------------------------------------------------------------------
 
익스플로러 Event 객체 속성
 
altKey : 키보드의 alt키를 눌렀을 때 이벤트 발생
altLeft : 좌측에 위치한 alt키를 눌렀을 때 이벤트 발생
button : 마우스 버튼을 눌렀을 때 이벤트 발생
clientX : 윈도우의 범위에서 마우스의 x조표값
clientY : 윈도우의 범위에서 마우스의 y조표값
ctrlKey : 키보드의 control키를 눌렀을 때 이벤트 발생
ctrleft : 좌측에 위치한 control키를 눌렀을 때 이벤트 발생
fromElement : onMouseOver나 onMouseOut 이벤트를 사용할 경우의 마우스 객체
key : Code키를 눌렀을 경우의키의 유니코드 값 설정
offsetX : 이벤트가 발생한 객체에서 마우스의 x좌표값 설정
offsetY : 이벤트가 발생한 객체에서 마우스의 y좌표값 설정
propertyName : 이벤트가 발생한 객체에서 변경된 속성명 설정
repeaton : keydown 이벤트의 반복횟수 설정
returnValue : 이벤트에서 발생한 값 설정
screenX : 화면 전체에서 마우스의 x좌표값 설정
screenY : 화면 전체에서 마우스의 y좌표값 설정
shiftKey : 키보드에서 shift키를 눌렀을 때 이벤트 발생
shiftLeft : 키보드에서 좌측에 위치한 shift키를 눌렀을 때 이벤트 발생
srcElement : 이벤트를 발생한 객체 설정
srcFilter : onfilterchange 이벤트를 발생시킨 filter 객체를 설정
toElement : 마우스 포인터가 위치해 있는 객체 설정
type : 객체의 이벤트 이름 지정
x : 선택한 객체에 위치해 있는 x좌표값 설정
y : 선택한 객체에 위치해 있는 y좌표값 설정
 
넷스케이프용 Event 객체 속성
 
layerX : 레이어를 기준으로 x좌표값 설정
layerY : 레이어를 기준으로 y좌표값 설정 
modifiers : 마우스와 함께 누른키 설정
pageX : 문서내의 x좌표값 설정
pageY : 문서내의 y좌표값 설정
screenX : 화면 전체에서 x좌표값 설정
screenY : 화면 전체에서 y좌표값 설정
srcElement : 이벤트가 전송된 객체 설정
target : 이벤트를 전달할 객체 설정
type : 이벤트의 종류 설정
which : 마우스 버튼값이나 키값을 ASCⅡ로 설정
 
Event 객체 메서드 : 넷스케이프에서만 지원. window.document.layer에서만 사용가능
 
captureEvents : 특정한 이벤트를 잡아낸다.
handleEvent : 이벤트를 지정된 객체의 이벤트 핸들러로 전달한다.
releaseEvents : captureEvents 메서드로 설정한 이벤트를 정지 시킨다.
routeEvent : 잡아낸 메서드를 전달한다.
 
-----------------------------------------------------------------------------------------------------
 
Number 객체 : 문자열의 숫자를 일반 숫자로 변형하여 계산처리
 
-----------------------------------------------------------------------------------------------------
 
Number("수로 되어있는 문자열")
 
Number 객체 속성
 
MAX_VALUE : 자바스크립트에서 표현 할 수 있는 가장 큰 수
MIN_VALUE : 자바스크립트에서 표현 할 수 있는 가장 작은 수
NaN : 숫자가 아닌
NEGATIVE_INFINITY : 음의 무한대
POSITIVE_INFINITY : 양의 무한대

  

출처:http://blog.empas.com/yiziral/14511184


 






1. 사용자 입력처리 함수

alert("경고메세지")
confirm("확인메세지")
prompt("메세지","기본값")

ex)
<form onSubmit="return confirm('전송할까요?')">
--> 확인창이 뜨고 '취소' 버튼을 누르면 action이 이루어지지 않는다.


2. 자바스크립트 유효성검사 함수

http://www.freelec.co.kr 에서 check.js를 다운받을 것

isNull(obj, msg)
obj에 입력된 값이 있는지 여부를 판단한다.
isNumber(obj)
obj에 입력된 내용이 숫자인지 여부를 판단한다.
isSame(obj1, obj2)
obj1과 obj2에 입력된 내용이 같은지 여부를 판단한다.
isShort(obj, len, msg)
obj에 입력된 내용의 길이가 len보다 짧은지 여부를 판단한다.
isAlphabet(obj)
obj에 입력된 내용이 영문자인지 여부를 판단한다.
isAlphaNumeric(obj)
obj에 입력된 내용이 영문과 숫자인지 여부를 판단한다.
isID(obj)
obj에 입력된 내용이 ID에 적합한지 그 여부를 판단한다. 사용할 수 있는 ID는 영문자로 시작하고, 영문과 숫자로 되어있다.
isEmail(obj)
obj에 입력된 내용이 E-mail인지 여부를 판단한다. E-mail 여부는 @문자와 점(.)의 개수를 보고 판단한다.
isCardNumber(obj)
obj에 입력된 내용이 신용카드 번호인지 여부를 판단한다. 신용카드 번호 여부는 숫자가 16자리인지 여부를 확인하는 방법을 사용한다.
(실제로는 신용카드의 숫자가 16자리가 아닌것도 있다.
isSSN(front, back)
front와 back에 입력된 내용이 주민등록번호인지 여부를 판단한다.