내장객체

 

 

[Window 객체의 메서드 종류]

 

종류	설명
open("URL","새창이름","새창옵션")	URL 페이지를 새창으로 엽니다.
// window.open("열고자하는 주소,사이트주소,파일이름","창이름,생략가능","창크기,창위치,옵션사항"); window.open("http://www.naver.com",                                                       "","width=300,height=200,left=100,top=100,scrollbars=yes,resizable=yes"); }
alert(data)	경고창 보이고 데이터를 보여줌 [확인]을 누르면 alert()를 사용한 다음 위치의 코드를 수행
prompt("질문","답변")	질문과 답변으로 질의 응답 창을 보임
confirm("질문내용")	질문 내용으로 확인/취소 창을 나타냄 [확인]을 누르면 true 반환, [취소]를 누르면 false를 반환

 

[history 객체]

history.속성

history.method()

history.method(n)

종류	설명
history.back()	이전 사이트로 이동
history.forward()	다음 방문 사이트로 이동
history.go(이동숫자)	현재 history에 기억되어있는 기준으로 옮겨갈수 있다
history.length	방문 기록에 저장된 목록의 개수를 표현
예제 값 들 표현 해보기	history.back() : undefined history.forward() : undefined history.go(숫자) : 현재 방문한 숫자 history.length : 1

[location 객체]

location.속성

location.메서드

종류	설명
location.href	주소 영역의 참조 주소를 설정, URL을 표현
location.hash	URL의 해시값을 표현, #으로 설정값(link값)
location.hostname	URL의 호스트 이름을 표현
location.host	URL의 호스트 이름과 포트번호를 표현
location.protocol	URL의 protocol이 어떤 값을 사용하는지 확인할 수 있음
location.port	주소에 있는 포트번호
location.reload()	주소새로고침
location.replace()	새로운 문서를 불러옴

 

[document 객체]

window.document.속성

속성	설명
linkColor	링크를 표시하는색
alinkColor	누르고있는 동안의 링크 문자열의 색
vlinkColor	방문한 적 있는 링크의 문자열의 색
bgColor	문서의 배경색  ex) document.bgColor= "red";
fgColor	전경색(문서의 글자색)
lastModified	문서를 마지막으로 수정한 날짜
domain	현재 도메인 이름
title	문서의 제목을 설정하거나 반환
URL	현재의 URL
location	현재 문서의 URL
referrer	링크된 이전 문서의 URL정보를 알아냄
layers	문서에 있는 레이어들의 배열
images	문서에 있는 이미지들의 배열
cookie	클라이언트 pc에 저장한 정보 ; 쿠키
각 객체 배열반환.	anchors, applets, embeds, forms, images, links, plugins, layers,.....

window.document.메소드()

Method	설명
clear()	문서의 내용을 지움
close()	문서에 내용 입력을 마무리함
open([MIME타입])	문서에 내용입력을 준비함
getSelection()	마우스로 드래그한 문자열을 반환(익스 지원안함)
writeln()	줄바꾸기를 포함한 문자열을 문서에 출력
write()	태그를 포함한 문자열을 문서에 출력
eval(수식)	문자열을 식(수치)으로 변경
toString()	오브젝트를 문자열로 변경
valueOf	오브젝트 값을 표시
*getElementById()	id값을 불러오는 메소드 getElementById(“id이름”)

 

window.document.images[0].변수

변수	설명
src	이미지 변경 ex)document.images[0].src="2.jpg
name	이름
width	너비
height	높이
border	그림 테두리

[Form 객체]

document.form이름.속성

document.forms[index].속성

 

객체	종류	정의
textarea	긴 문자열 입력	<textarea> </textarea>
text	일반 문자열 입력	<input type="text">
password	암호 입력	<input type="password">
hidden	숨겨진 필드	<input type="hidden">
submit	전송 버튼	<input type="submit">
reset	리셋버튼	<input type="reset">
radio	라디오 버튼	<input type="radio">
checkbox	체크 박스	<input type="checkbox">
button	일반 버튼	<input type="button">
select	목록 상자	<select> <option> </option> ... <option> </option> </select>

 

document.폼이름.변수

document.forms[0].변수

 

속성	설 명
action	<FORM> 태그의 action 속성과 같음   폼의 데이터를 처리하는 CGI프로그램의 URL ex) document.forms[0].action="b.jsp" ;
name	<FORM> 태그의 name속성과 같음  폼의 이름, 자바스크립트에서 주로 사용
method	<FORM> 태그의 method속성과 같음  폼의 데이터를 전송하는 방법 지정 ex) document.fr1.method="post";
form,forms	<FORM> 태그의 정보
length	<FORM> 태그안에 있는 양식의 개수 ex) document.forms.length

document.폼이름.input 객체.변수 ( * input객체 : text/  password …)

변수	설명
text/ password...거의공통
type	객체 타입 alert(document.fr1.id.type);
name	객체 이름
value	객체 안에 value값 저장 document.fr1.id.value="lee";
radio/ checkbox
checked	첫번째 체크박스 체크가 되어있으면 true /   체크가 안되어있으면 false ex) document.fr1.ch[0].checked();
select
selectedIndex	선택되어진목록순서값 ex) document.fr1.sel.selectedIndex);     ->0 1
document.fr1.sel.options[0].selected	선택 true/ false ex) document.fr1.sel.options[0].selected==true

document.form이름.메소드

document.forms[index].메소드

 

메소드	설명
focus()	커서 넣기 , 포커스() ,활성화 ex) document.fr1.id.focus();
blur()	커서를 제거시킴  ex) document.fr1.id.blur();
select()	상자 안에 글자를 블록 설정 ex) document.fr1.id.select();
reset()	양식을 새로 다시 입력 받을 수있게 초기화 시켜줌
submit()	입력된 양식 내용을 서버에 전송함  ex) document.fr1.submit();

[이벤트 Event]

 

-<TAG eventHandler='자바스크립트 코드'>

-<input type="button" onclick="click();">

 

Event	Event 핸들러	설명
load	onload	문서가 브라우저에 의해 읽혀지는 순간 함수나 명령줄을 실행하고자 할때 발생  (사용되는 객체및 태그 : img, body, frameset, window객체)
Unload	onunload	현재 문서를 떠날때 발생   (사용되는 객체및 태그 : body, frameset, window객체)
Abort	onabort	문서나 이미지로딩이 중지되는 때 발생한다.   (사용되는 객체및 태그 : img)
Error	onerror	문서를 읽는 중에 에러가 생길때 발생
Focus	onfocus	개체에 포커스가 주어졌을 때
Blur	onblur	개체에 포커스가 해제되었을때
Change	onchange	입력양식필드에서 값이 바꿨을때  (사용되는 객체및 태그 : inut type="text", select, textarea)
Click	onclick	버튼이나 링크등을 마우스로 클릭할때
DBlClick	ondblclick	마우스를 더블클릭할때
move	onMove	창이나 프레임이 움직일때
resize	onresize	창이나 프레임의 크기가 변경될때
Mouseover	onmouseover	그림이나 링크에 마우스가 올라 갔을때
Mouseout	onmouseout	마우스 커서가 그림이나 링크영역밖으로 나갔을때
Mousedown	onmousedown	마우스 버튼을 누르는 순간
Mouseup	onmouseup	마우스 버튼을 눌렀다가 떼는 순간
Keydown	onkeydown	키보드의 키를 눌렀을때
Keypress	onkeypress	키보의 키를 누르는 순간 (Keydown 이후 키가 문자와 매핑되었을때)
Keyup	onkeyup	키보드의 키를 눌렀다가 떼는 순간
Dragdrop	ondragdrop	마우스를 클릭한 상태에서 드래그 했을때발생
MouseMove	onmousemove	마우스가 움직일 때
Select	onselect	입력양식의 한 필드를 선택했을때발생    (사용되는 객체및 태그 : inut type="text", textarea)
Submit	onsubmit	Submit버튼을 눌러 폼을 넘길때  (사용되는 객체및 태그 : form)
Reset	onreset	Reset버튼을 눌러 폼의 내용을 초기화 할때  (사용되는 객체및 태그 : form)

 

[JSP 처리과정]

*처리과정은 JSP가 최초로 요청되었을때 한 번만 실행되고, 같은 페이지에 대한 요청이 있으면 이미 변환된 서블릿 파일이 서비스 됨

 

 

DAY1

js1 폴더 test7.html ~ test9.html

js2 폴더 test1.html

DAY2

js2 폴더 test1.html ~ test4.html

DAY3

js2 폴더 test5.html ~ test6.html

DAY4

js2 폴더 test6.html ~ test9.html ( + a.jsp )

DAY5

js2 폴더 a.jsp

jsp1 폴더 test1.jsp / testForm1.jsp, testPro1.jsp / testForm2, testPro2

DAY6

jsp 테스트 → 홈페이지 만들기

DAY7

jsp1 폴더 for.jsp / request.jsp / response.jsp / session.jsp / application.jsp

DAY8

jsp1 폴더 scopeForm.jsp, scopePro.jsp, scopeProPro.jsp / include, include_top, include_left, include_bottom.jsp

DAY9

jsp1 폴더 include, include_top, include_left, include_bottom.jsp / color.jspf

jsp2 폴더 sessionForm, sessionTest, sessionSet, sessionDel, sessionInval, sessionPro, sessionMain, sessionLogout.jsp / cookieDel, cookieSet, cookieTest.jsp