반응형
브라우저에 미리 정의되어 내장된 객체들을 말한다.
- Link 객체
- Link 객체의 특성
- Link 객체의 이벤트 핸들러
이벤트 핸들러 의미 onClick 마우스로 링크를 클릭 했을때 발생하는 이벤트 핸들러 onMouseOver 마우스로 링크위를 지나갔을 때 발생하는 이벤트 핸들러 onMouseOut 마우스가 링크 밖으로 나갔을때 발생하는 이벤트 핸들러 onMouseDown 마우스 버튼을 눌렀을때 발생하는 이벤트 핸들러 onMouseUp 마우스 버튼을 놓았을때 발생하는 이벤트 핸들러 onDblClick 마우스로 링크를 더블클릭 했을때 발생하는 이벤트 핸들러 onKeyDown 키보드에서 키를 눌렀을 때 발생하는 이벤트 핸들러 onKeyUp 키보드에서 키를 놓았을 때 발생하는 이벤트 핸들러 onKeyPress 키보드에서 키를 눌렀을 때 발생하는 이벤트 핸들러 - Anchor 객체
- Image 객체
이미지에 대한 정보를 제공하는 객체이다.
- Image 객체의 특성
- Image 객체의 이벤트 핸들러
이벤트 핸들러 의미 onLoad 이미지가 브라우저에 나타날때 실행되는 이벤트 핸들러 onError 이미지 전송중 에러 발생시 실행되는 이벤트 핸들러 onAbort 이미지 전송을 중단시켰을 때 실행되는 이벤트 핸들러 onKeyDown 이미지상에서 키를 눌렀을때 실행되는 이벤트 핸들러 onKeyPress 이미지상에서 키를 눌렀을때 실행되는 이벤트 핸들러 onKeyUp 이미지상에서 키를 놓았을때 실행되는 이벤트 핸들러 예제1 실행화면 <script language="javascript">
<!--
function imageinfor() {
var mirage = "이미지이름 : " + document.coffee.name + "\n"
mirage += "위치 : " + document.coffee.src + "\n"
mirage += "테두리 : " + document.coffee.border + "\n"
mirage += "가로 : " + document.coffee.width + "\n"
mirage += "세로 : " + document.coffee.height + "\n"
mirage += "가로여백 : " + document.coffee.hspace + "\n"
mirage += "세로여백 : " + document.coffee.vspace + "\n"
mirage += "배치 : " + document.coffee.align + "\n"
mirage += "전송완료여부 : " + document.coffee.complete + "\n"
alert(mirage)
}
//-->
</script>
<img align=center name="coffee" src="img/f9.gif" border=0 hspace=2 vspace=3>
<input type="button" value="이미지등록정보" onClick="imageinfor()">
<INPUT onclick="imageinfor()" type="button" value="이미지등록정보">
특성 의미 name image객체의 이름 src 이미지파일의 위치 lowsrc 이미지파일의 위치 height 이미지의 세로길이 width 이미지의 가로길이 border 이미지 테두리선 굵기 hspace 이미지 가로여백 vspace 이미지 세로여백 complete 이미지 전송이 끝났는지의 여부 prototype image 객체에 특성을 추가하기 위한 것
HTML문서에 들어있는 모든 링크에 대한 정보를 제공하는 객체로 document 객체의 하위객체이다.
| 특성 | 의미 |
|---|---|
| target | 정보를 보여줄 윈도우나 프레임 |
| href | 문서의 URL주소 |
| port | 포트번호 |
| host | URL주소의 호스트이름과 포트번호 |
| hostname | URL주소의 호스트이름 |
| protocol | 프로토콜 종류 |
| pathname | 디렉토리 위치 |
| search | 검색엔진을 호출할때 사용하는 형식 |
| hash | 표식이름 |
HTML문서에 들어있는 모든 표식에 대한 정보를 제공하는 객체이다.
document 객체의 하위객체로 문서에 들어있는 표식의 수를 구할때 사용한다.
document.anchors.length