JavaScript_02_function
Download
Report
Transcript JavaScript_02_function
자바스크립트 내장 함수
인코딩
디코딩
escape()
unescape()
encodeURI(uri)
decodeURI(encodedURI)
encodeURIComponent(uriComponent)
decodeURIComponent(uriComponent)
자바스크립트 내장 함수
자바스크립트 내장 함수
자바스크립트 내장 함수
함수 이름
설명
eval(string)
String을 자바스크립트 코드로 실행, 문자를 숫자로 변경
isNaN(number)
Number가 NaN인지 확인
parseInt(string)
String을 정수로 변환
자바스크립트 내장 함수
eval(“1000”); 1000
eval(“100+10”); 110
eval(“document.objName.value”); objName 객체의 value 반환
isNaN(“테스트”); true
isNaN(“테스트123”); true
isNaN(“123”); false
isNaN(123); false
isNaN(true); false
parseInt(’33’); 33
parseInt(‘33’) + parseInt(‘22.22’); 55
자바스크립트 내장 함수
함수 이름
설명
alert(msg)
메시지와 OK 버튼만을 가진 다이얼로그 박스
prompt(msg, default)
메시지와 입력필드를 가진 다이얼로그 박스
입력 데이터 반환
confirm(msg)
메시지와 OK/Cancel 버튼을 가진 다이얼로그 박스
OK 클릭시 true, Cancel 클릭시 false
자바스크립트 내장 함수
alert(“123”);
confirm(“선택하세요”);
prompt(“메세지”, “기본값”);
자바스크립트 내장 함수
함수 이름
설명
Number(string)
문자형태의 숫자를 숫자로 변환
String(number)
숫자를 문자로 변환
Number : 문자형태의 숫자를 숫자로 변환
Number(“123”) + Number(“3”); 126
String : 숫자를 문자로 변환
String(123) + String(3); “1233”
자바스크립트 내장 함수
String 객체의 속성 및 함수
구분
name
설명
속성
length
문자열의 길이
charAt(pos)
pos에 위치하는 문자 반환
indexOf(str, pos)
앞에서부터 일치하는 문자열의 위치 반환
lastIndexOf(str, pos)
뒤에서부터 일치하는 문자열의 위치 반환
toLowerCase()
문자열을 소문자로 반환
toUpperCase()
문자열을 대문자로 반환
replace(regExp, replacement)
regExp를 replacement로 바꿔서 반환
slice(start, end)
start 부터 end 까지 문자열 잘라서 반환
substr(start, count)
start 부터 count 만큼 문자열 잘라서 반환
substring(start, end)
start 부터 end 까지 문자열 잘라서 반환
split(separator, limit)
Separator로 문자열을 잘라 배열로 반환
trim()
문자열 양 끝의 공백 제거
함수
자바스크립트 내장 함수
Date 객체의 함수 (1/2)
구분
함수
name
설명
getYear()
현재 년(1900년을 기준으로 반환 ex)2013 -> 113)
getFullYear()
현재 년
getMonth()
현재 월 (0 ~ 11)
getDate()
현재 일
getDay()
현재 요일 (0 ~ 6)
getHours()
현재 시
getMinutes()
현재 분
getSeconds()
현재 초
getTime()
1970년 1월 1일 부터 현재까지 지나온 밀리 초
setYear()
연도 설정
자바스크립트 내장 함수
Date 객체의 함수 (2/2)
구분
함수
name
설명
setMonth()
월 설정
setDate()
일 설정
setHours()
시 설정
setMinutes()
분 설정
setSeconds()
초 설정
toString()
“요일, 월일, 시:분:초 연도” 반환
toLocalString() “요일, 월일, 연도 시:분:초” 반환
toGMTString() GMT 시각 문자열 반환
UTC(Year,
Month, Date)
GMT 시각 1/1000초로 반환
자바스크립트 내장 함수
<script>
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() - 1;
var date = d.getDate();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();
alert(year + "년" + month + "월" + date + "일" +
hour + "시" + minute + "분" + second + "초");
</script>
자바스크립트 함수 동적 실행
HTML 태그의 이벤트 속성을 이용하여 동적인 함수 실행
<script>
function runAlert() {
alert(“HTML 태그를 클릭하여 실행”);
}
</script>
<body>
<input type=“button” value=“실행” onclick=“runAlert()” />
<input type=“text” onclick=“runAlert()” />
<a href=“” onclick=“runAlert()”>실행</a>
<a href=“javascript:runAlert()”>실행</a>
<a href=“javascript:alert(‘내부 실행’)”>실행</a>
<h1 onclick=“runAlert()”>실행</h1></body>
</body>