- 함수란?
프로그램 내에서 특정 작업을 수행하기 위해 작업을 하나의 단위로 만들어 반복적으로 사용 할 수 있게
한 것이다.
- 함수정의
function 이란는 키워드를 사용하여 함수를 정의 할수 있다.
function 함수이름(매개변수1,2,3.....) {
문장
}
함수이름은 변수이름과 동일한 방법으로 만들어야 하며,매개변수의 수는 제한이 없고 매개변수 간에는
콤마(,)로 구분해야 한다
| 매개변수가 없는 경우 |
| 예 |
설명 |
function mirage(){
window.open("a.html","","")
}
|
mirage 라는 함수명 안에 매개변수를 사용하지 않은 예이다. |
| 매개변수가 있는 경우 |
| 예 |
설명 |
function mirage(home1){
document.write(" " + home1 + " ")
}
|
mirage함수에 home1이라는 매개변수가 들어간 경우이다.
|
| 리턴값이 있는 경우 |
| 예 |
설명 |
function mirage(str){
com2 = confirm("hom1")
return com2
}
|
사용자가 입력한 값을 com2라는 변수에 담아서 mirage함수에 리턴값으로 보내는 경우이다.
confirm은 다이얼로그 박스를 띄워서 확인 취소를 물어보는 자바 스크립트 내장함수이다.
hom1은 다이얼로그 박스 안내문 이다.
확인은 true, 취소는 false가 리턴된다.
|
- 내장함수
선언해서 만들은게 아니라 이미 만들어져서 자바 스크립트에 내장되어 있는 함수이다.
가져다가 사용 하기만 하면 된다.
- alert
경고창을 띄워 주는 내장함수이다
확인=true, 취소=false 가 리턴된다.
| alert("Linkprice 방문을....") |
 |
- confirm
다이얼로그 박스를 띄워 확인 취소에 따라 결과값을 리턴해 주는 함수이다
| confirm("선택 하시겠습니까") |
 |
- prompt
사용자 입력창을 띄워 결과값을 리턴해 주는 함수이다
| prompt("입력값","초기값") |
 |
입력값:계산할 수식을 입력해 주세요
초기값을 지정하면 undefined글자 대신에 지정한 값이 입력된다.
위그림은 초기값 지정을 안한 상태이다.
- eval
문자열로 입력된 수식을 계산 해주는 내장함수이다.
입력양식을 통해 입력된 값을 계산할때 아주 유용하다.
| 예제1 |
|
<script language="javascript">
<!--
var mirage3
mirage3 = prompt("계산할 수식을 입력해 주세요")
document.write("입력한 값 : " + mirage3 + "
")
document.write("실행결과 : " + eval(mirage3) + "
")
//끝 -->
</script>
|
|
- parseInt
문자열을 정수로 변환해주는 자바스크립트 내장함수이다.
parseInt(string,nbase)
string에는 변환할 문자열을 입력하고 nbase에는 변환할 정수형태를 지정한다.
string매개변수 안에 일반문자가 들어가 있다면 문자앞에 있는 숫자 까지만 적용이되고
되에있는 문자나 숫자는 모두 무시된다.
| 예제2 |
|
<script>
var mirage7
mirage7 = prompt("변환할 숫자를 입력하세요.")
document.write("입력한 값 : " + mirage7 + "<br>");
document.write("실행결과 : " + parseInt(mirage7,16) + "<br>");
</script>
|
|
위의 예제는 입력한 값을 16진수 값으로 출력합니다.
- parseFloat
문자열을 부동소수점으로 변환해 준다.
parseFloat(string) F는 꼭 대문자로 써야한다
farseFloat은 2진수나 8진수가 없기때문에 nbase는 존재하지 않는다.
| 예제3 |
|
<script language="javascript">
<!--
var mirage7
mirage7 = prompt("부동소수점으로 변환할 숫자를 입력하세요.")
document.write("입력한 값 : " + mirage7 + "<br>");
document.write("실행결과 : " + parseFloat(mirage7) + "<br>");
// end -->
</script> |
|
- escape
ISO-Latin-1 문자셋을 ASCII형태로 바꾸어 리턴해 주는 함수이다
리턴값은 %??형태로 나오게 된다.
| 예제4 |
실행화면 |
<script language="javascript">
<!--
document.write("& = "+ escape('&')+"<br>");
document.write("^ = "+ escape('^')+"<br>");
// end -->
</script>
|
& = %26
^ = %5E
& = %26
^ = %5E
|
- unescape
ASCII형태를 ISO-Latin-1 문자셋으로 바꾸어 리턴해주는 함수이다.
| 예제5 |
실행화면 |
<script language="javascript">
<!--
document.write("%13 = "+ unescape('%13')+"<br>");
document.write("%c7 = "+ unescape('%c7')+"<br>");
// end -->
</script>
|
%13 =
%c7 = Ç
%13 =
%c7 = Ç
|
기타 많은 내장함수가 있다.....!
- 함수호출
함수를 만들어 놓고 호출을 해야 실행이 되는 함수가 있고 브라우저가 문서를 읽어 들일때
바로 실행이 되는 함수도 있다.
함수호출: 함수명()
호출하는 방법은 여러가지가 있다.
그중에 자주 쓰이는 예)
| 예제6 |
실행화면 |
<script>
function mirage9() {
alert("함수가 호출됐습니다");
return;
}
</script>
<a href="javascript:mirage9()">호출하기1</a>
<a onclick="mirage9()">호출하기2</a>
<body onload=mirage9()> ← 호출하기3
|
호출하기1
호출하기2
↑커서만들려면: style="cursor:hand;"
넣어주면 된다
|
링크안에 함수 호출문이 있어서 클릭하면 곧장 함수가 실행된다.
브라우저가 문서를 읽어 들일때 실행 하려면 정의된 함수명을 삭제하고
내장함수만 사용하든가 아니면 <body onload=mirage9()> 형태로 사용 할 수도 있다
▶ 블로그 조회수 베스트 400위 [보기] ▶ 섹시모델 19세 한국계 강이함 사진 [보기] ▶ 50세 이상 비키니 콘테스트 사진 [보기] ▶ SDN48 사진 [보기] ▶ 외제차라면 환장하는 사진 [보기] ▶ 일본 러브텔 사진 [보기] ▶ 예쁜 엉덩이 선발 대회 사진 [보기] ▶ 일산 호수공원의 민폐아줌마 동영상 [보기] ▶ 고속도로에서 배기량빨 믿고 깝치던 체어맨W의 굴욕 동영상 [보기] ▶ 인어시체 발견 [보기] ▶ 민망한 아나운서 비난 [보기] ▶ 중국 버스 수녀 쩍벌녀 동영상 [보기] ▶ 조종사 악명높은 공항 사진 [보기] ▶ 미스 젖은셔츠 선발대회 사진 [보기] ▶ 얼굴이 예뻐지는 기구들 사진 [보기] ▶ 농사짓는 달력 사진 [보기] ▶ 전신스캐너 가리개 사진 [보기] ▶ 훈녀 혼혈 쌍둥이 사진 [보기] ▶ 황홀한 바디페인팅의 세계 사진 [보기] ▶ 병따개 비키니 사진 [보기] ▶ 멕시코 성인식 사진 [보기] ▶ 극한 상황에서 잠자는 사람들 사진 [보기] ▶ 살아있는 외계인 충격 동영상 [보기] ▶ 패리스 힐튼 민망 사진 [보기] ■ 꿈해몽, 꿈풀이 ■ 최신 주소검색, 변경된 우편번호 조회 및 영문우편번호 ■ 웹타자연습, 한글타자(한타), 영문타자(영타), 점수기록 ■ 아이피조회 추적, 국가별 나라별 아이피 국기 ■ 포토샵 없이 웹에서 글자를 이미지로 변환 ■ 만세력 음력양력 변환 달력 (육십갑자,12지,24절기...) ■ 24절기 [二十四節氣] 유래와 세시풍속의 의미 및 뜻 ■ 한눈에 보는 육십갑자표 ■ 디데이 계산 ■ 기념일 계산 ■ 피임진단 : 배란일, 임신기간, 가임주기, 배란기, 생리주기, 임신가능일 계산 프로그램 ■ 구구단 19단표, 19단송 ■ 아라비아숫자 한자변환기(금액 한자변환) ■ 영문오타 한글로 자동변환 ■ 한글 발음을 영어로 변환 ■ 한글 발음을 일어로 변환 ■ 유니코드·헥사코드 변환기
3,564,054
인터넷관련
