JSP || DAY7 || History객체, 문서객체모델 ( DOM )
0. Window - History객체
- 사용자가 방문한 사이트중 이전에 방문한 사이트와 다음에 방문한 사이트로
다시 돌어갈 수 있도록 하는 속성과 메서드를 제공하는 객체.
# 기본 문법
history.메서드( ) ;
history.속성( ) ;
# history객체의 메서드 / 속성 종류
back( ) : 이전 방문한 페이지로 이동시키는 메서드
forward( ) : 다음 방문한 페이지로 이동시키는 메서드
go(-n) : n단계 이전페이지로 이동시킨다.
length속성 : 방문기록에 저장된 목록의 개수를 반환한다.
1. 문서객체모델 ( DOM )
- .html문서의 HTML태그들의 구조를 일컫는다.
- <html></html>
<head></head>
<meta></meta> 등의 모든 태그들.
# 문서객체들의 구조
<html>
<head> <body>
<title> <meta> <h1>
# 선택자
: HTML문서객체들을 선택하기 위한 메서드들.
- 직접선택자
1) document.getElementById("html객체의 id속성값") ;
-> id속성값을 이용해 문서객체를 선택해 올 때 사용함.
2) document.getElementsByTagName("html객체의 이름") ;
-> html문서객체의 이름을 이용해 이에 해당된느 html객체들을 배열에 담아 선택하는 선택자.
3) document.name값 ;
-> html객체의 name속성값을 이용해 객체를 선택함
- 인접관계선택자
1) parentNode -> 선택한 HTML객체의 부모 HTML객체를 선택해 옴.
2) childNode -> 선택한 모든 자식HTML객체들을 새로운 배열에 담아 선택해옴.
3) firstChild -> 선택한 HTML객체의 첫번쨰 자식 HTML객체만 선택해옴.
4) previousSibling -> 선택한 HTML객체의 이전에 오는 형제 HTML객체만 선택해옴
5) nextSibling -> 선택한 HTML객체의 다음에 오는 형제 HTML객체만 선택해옴.
'개발자 양성과정 필기노트 > JavaScript' 카테고리의 다른 글
| 제이쿼리 메서드 (0) | 2021.09.04 |
|---|---|
| 제이쿼리 선택자 (0) | 2021.08.25 |
| 브라우저객체모델 BOM (0) | 2021.08.04 |
| Math메서드, 배열메서드 (0) | 2021.08.03 |
| 재귀함수, 내장객체 (0) | 2021.08.02 |
댓글