정보보안공부
JSP_4. JSP파일 만들어보기 본문
<Javascript>
## Javascript 표현 3가지 방법
- 외부파일
- 내부파일
- 직접입력
## JsEx01
--> 처음 실행하면 <script type="text/javasrcipt"> window.onload = function() alert </script>에 의해 "안녕!!!"창이 뜬다.
--> 안녕 창에서 확인을 누르고 왼쪽 눌러봐를 누르면 <button onclick="alert('왜눌러')">눌러봐</button> 에 의해서 왜눌러 창이 뜨게된다.
--> 외부파일을 참조하는 방식으로
<script type=text/javascript" src="js/comm.js"></script>를 head안에 작성하고
js폴더안에 comm.js파일을 만든다. functioni clickMe() {alert("헐~~~");} 을 작성해 놓는다. clickMe()함수가 호출되면 alert를 통해 헐~~~이 출력되는 것이다.
<button id="btn">나도 눌러봐!!!</button>는 나도 눌러봐!!!를 누르면 id="btn"값을 javascript에서 document.getElementById("btn").onclick=clickMe;를 통해 clickMe를 실행한다.
## JsEx02
--> var name = window.prompt("이름이 뭐니??", "홍길동"); 입력창으로써 prompt는 입력하는 창을 만들어주고 홍길동은 기본값으로 설정된다. 입력한뒤 확인을 누르면 입력한 값을 name에 저장한다.
--> 기본값 홍길동을 지우고 호호호라고 입력 할 수도 있다.
--> 호호호 입력한뒤 확인을 누르면 window.alert(name + "씨 방가워요~"); 에 의해 알림창이 뜨게된다.
--> <button id="exitBtn">나가기</button> 나가기 버튼을 만든뒤 id="exitBtn"으로 설정하고 document.getElementById("exitBtn").onclick=function() {
if(confirm(name + "씨 정말 나갈꺼에요??")){ self.close(); } } 에의해 나가기의 값 id="exitBtn"이 눌리면 confirm(name + "씨 정말 나갈꺼에요??" 확인창이 실행된다. 확인을 누르면 self.close()에 의해 나가진다.
##JsEx03
--> moveNext는 obj가 len길이면 nextObj로 이동한다.
--> formCheck는 주민번호 앞자리 입력안했을때 앞자리가 6이 아닐때 앞자리가 숫자가 아닐때에 대해 체크하게한다.
--> 주민번호 뒷자리에 대해서도 입력안했을경우 뒷자리가 6이 아닐경우 뒷자리가 숫자가 아닐경우에 대해 체크한다.
--> onsubmit="return fomCheck(this)" submit되기 전에 fomCheck를 실행한다. false가 있으면 전송되지 않는다.
--> onsubmit="return fomCheck(this)" 없으면 formCheck를 확인안하고 전송하게된다.
--> name은 서버에서 받기위해 id는 자바스크립트에서 찾는다. on으로 시작하는것은 자바스크립트랑 연결된다. onkey는 사용자가 키보드에서 키를 놓을 때 발생한다.
'JSP' 카테고리의 다른 글
JSP_6. 달력만들기 (0) | 2017.09.15 |
---|---|
JSP_5. 선언부,표현식,request (0) | 2017.09.15 |
JSP_3. HTML 폼태그 사용, JSP파일 만들어보기 (0) | 2017.09.13 |
JSP_2. HTML파일 만들어보기 (0) | 2017.09.09 |
JSP_1. 이클립스, 톰캣 설치와 기본세팅 (0) | 2017.09.08 |