- Frames 객체
- Document 객체
브라우저 내장객체 중에 window객체 아래에 위치하며 html문서의 body택안에 있는 내용들과 연관이 있다.
- document 객체의 특성
- Document 객체의 메소드
메소드 의미 open() 문서에 데이터를 출력 시키기 위한 준비 close() 문서에 데이터를 출력 시키는 것을 마무리 write() 문서에 데이터를 출력 writeln() 문서에 데이터를 출력한후 줄을 바꾼다 clear() 브라우저에서 문서지우기 getSelection() 현재 선택된 문자열을 리턴 - document 객체의 이벤트 핸들러
이벤트핸들러 의미 onFocus 문서가 포커스를 얻었을때 onBlur 문서가 포커스를 잃었을때 onClick 문서에서 마우스를 클릭했을때 onDblClick 문서에서 마우스를 더블클릭 했을때 onKeyPress 키보드에서 키를 눌렀을때 onKeyUp 키보드에서 키를 눌렀다 놓았을때 onKeyDown 문서에서 키를 입력했을 때 onMouseDown 마우스 버튼을 눌렀을 때 onMouseUp 마우스 버튼을 눌렀다 놓았을 때 - cookie
브라우저 사용중에 html 문서상에서 만들어낸 정보를 클라이언트쪽 컴퓨터에 저장해 놓는곳을 의미한다.
서버로 정보를 보내는 cgi프로그램을 보조해 주는 기능으로 많이 쓰인다.
서버로 부터 HTTP 헤더를 통해 전달받는 Set-Cookie와 클라이언트가 서버로보내는 Cookie 라는 구조로 나누어져 있다.
Set-Cookie 설명 name=value cookie 이름으로 반드시 지정 되어야 하고 이름에 세미콜론(;)쉼표(,)빈칸이 들어가면 안된다. expires=Date cookie가 종료되는 날짜를 지정한다.날짜 지정이 없으면 현재 브라우저 세션 동안에만 유효하게 된다.
날짜형식:일-월-년 시-분-초path=PATH cookie가 사용될 URL주소의 디렉토리 부분의 경로를 설정한다.
지정을 하지 않으면 cookie를 설정한 문서위치가 적용된다.domain = DOMAIN cookie가 사용될 URL주소의 도메인 부분의 경로를 지정한다.
지정을 하지 않으면 cookie를 설정한 문서위치의 도메인이 적용된다.secure 데이터 전송에 보안이 요구되는지를 지정한다.
필요하다면 secure라는 키워드를 사용하면 된다.Cookie 설명 name=value1; name=value2 각 cookie 정보 사이에는 세미콜론(;) 기호를 사용하고 마지막 부분에는 기호를 붙이면 안된다. 예제1 실행화면 <a href="http://mirage728.com.ne.kr/index.html">홈</a>
<a href="http://daum.net">다움</a>
<script language="javascript">
<!--
document.write("링크수 : " + window.document.links.length + "<br>")
for(i=0 ; i
}
//-->
</script>
홈
다움링크수 : 2
0 : http://mirage728.com.ne.kr/index.html
1 : http://daum.net/예제2 실행화면 <script>
newday = new Date(document.lastModified)
year=newday.getYear()
month=newday.getMonth()+1
day=newday.getDate()
document.write("수정일 : " + year + "년" + month + "월" +day + "일")
</script>
수정일 : 2008년5월5일 - open()
window의 객체의 open() 메소드와는 다르며 지정된 윈도우에 데이터를 보낼 준비를 할때 사용한다.
open("Mime형식")
Mime(Multipurpose Internet Mail Extension)은 인터넷을 통해 다양한 형식의 문서나 이미지를 전송하기 위한 규약이다.
생략하면 text/html이 기본값으로 사용된다. - close()
open()메소드로 열려진 문서를 닫아주는 역활을 한다.
- clear()
브라우저에 나타난 문서를 지워주는 기능을 한다.
- write()
지정된 문서에 데이터를 출력하는 기능을 한다.
- writeln()
지정된 문서에 데이터를 출력하는 것은 write()메소드와 같지만 줄을 바꿔주는 기능도 함께있다.
예제3 실행화면 <script language="javascript">
<!--
var mirage1 = null
function mir_open() {
mirage1 = window.open("","","status=no,width=400,height=300")
}
function mir_close() {
if(mirage1 != null)
mirage1.close()
}
function mir_write() {
if(mirage1 != null) {
mirage1.document.open()
mirage1.document.write("<title>안녕하세요</title>")
mirage1.document.write("<center>")
mirage1.document.writeln("<h3>방문을 환영 합니다</h3>")
mirage1.document.writeln("즐거운 시간 보내세요")
mirage1.document.write("</center>")
mirage1.document.close()
return mirage1.focus()
}
}
function mir_clear() {
if(mirage1 != null) {
mirage1.document.open()
mirage1.document.write("")
mirage1.document.close()
return mirage1.focus()
}
}
//-->
</script>
<input type ="button" value="open" onclick="mir_open()">
<input type ="button" value="close" onclick="mir_close()">
<input type ="button" value="write" onclick="mir_write()">
<input type ="button" value="clear" onclick="mir_clear()">
<INPUT onclick="mir_open()" type="button" value="open"> <INPUT onclick="mir_write()" type="button" value="write">
<INPUT onclick="mir_clear()" type="button" value="clear">
<INPUT onclick="mir_close()" type="button" value="close">
특성 의미 location 문서의 URL위치 title 문서의제목 layers 문서에 있는 레이어들의 배열 embeds 문서에 있는 플러그인들의 배열 applets 문서에 있는 자바 애플릿의 배열 images 문서에 있는 이미지들의 배열 cookie 클라이언트 pc에 저장한 정보 links 문서에 있는 링크들의 배열 forms 문서에 있는 입력양식의 배열. anchors 문서에 있는 표식들이 배열 vlinkColor 이전에 방문했던 링크를 표시하는색 alinkColor 링크를 클릭 했을때 나타나는 색 linkColor 링크를 표시하는 색 fgColor 문서의 전경색 bgColor 문서의 배경색 referer 링크로 현재문서에 왔을때 이전문서의 URL위치정보 lastModified 문서를 마지막으로 수정한 날짜
프레임객체는 배열로 되어있어서 length를 이용해서 모두 몇개의 프레임이 있는지 알아낼수 있고 인덱스를
이용하여 각 프레임의 정보에도 접근할수 있다.
frames[0],frames[1],.....
프레임 객체는 윈도우 객체와 특성이나,메소드,이벤트 핸들러가 같기 때문에 윈도우 객체를 참고하면 된다.