(JS) 객체2

Location 객체

• 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용

https://lehj2308.tistory.com/76
----- ----------------- --
protocol hostname pathname

• protocal: 콜론을 포함하는 http, https, ftp 등 프로토콜 정보를 반환
• hostname: 호스트의 이름과 포트번호를 반환
• pathname: URL 경로부분의 정보를 반환
• href: 페이지 URL 전체 정보를 반환 또는 URL을 지정하여 페이지를 이동
• reload(): 새로고침

history 객체

• 브라우저의 히스토리 벙조를 문서와 문서 상태 목록으로 저장하는 객체
• 사용자의 개인정보를 보호하기 위해 이 객체의 대부분의 기능을 접근 제한
• back(): 페이지 뒤로 이동
• forward(): 페이지 앞으로 이동
• go(0): 새로고침(location.reload()와 같은 기능)

navigator 객체

• 브라우저 공급자 및 버정 정보 등을 포함한 브라우저에 대한 정보를 저장하는 객체
• geolocation: GPS정보를 수신하는 프로퍼티

문서 객체 모델(Document Object Model)

• HTML문서 또는 XML문서 등을 접근하기 위한 일종의 인터페이스 역할
• 문서내의 모든 요소를 저으이하고 각각의 요소에 접근하는 방법을 제공

document 객체

• 웹 페이지 자체(body)를 의미하는 객체
• 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 반드시 document 객체로부터 시작
• getElementById(): 해당 아이디의 요소를 선택
• getElementsByTagName(): 해당 태그 이름의 요소를 모두 선택
• getElementsByClassName(): 해당 클래스에 속한 요소를 모두 선택
• getElementsByName(): 해당 name 속성값을 가지는 요소를 모두 선택
• QuerySelectorAll(): 선택자로 선택되는 요소를 모두 선택
• QuerySelector(): 선택자로 선택되는 요소를 선택