[Javascript] 현재페이지를 알아오기

[Javascript] Javascript 현재페이지를 알아오기

---

2018. 01. 18 기준

자바스크립트 객체의 종류에 대해 정리했습니다.

document : 현재 웹 페이지의 본문을 나타낸다. 이 객체를 사용하면 링크(link), 이미지, 앵커(anchor) 등과 같은 웹 페이지의 모든 구성요소에 접근할 수 있다.

history : 웹 브라우저에서 현재 페이지를 열기 전까지의 사이트 기록을 같고있다. 이객체를 사용하면, 히스토리(history) 목록을 통해 이전 페이지 또는 다음 페이지로 이동할 수 있다.

location : 현재 웹 페이지의 위치에 대한 URL, 도메인이름, 경로, 서버포트 등의 정보를 갖는다.

navigator : 실제로 브라우저 자체를 가리킨다. 이 객체를 사용하면, 사용중인 브라우저의 종류를 알아낼 수 있다.

window : 현재 브라우저 창을 가리키며, 여러가지 강력한 메소드들을 제공한다. Internet Explorer에서는 event라는 하위 객체를 사용하여 이벤트를 처리할 수 있다.

location 객체 프로퍼티

href	문서의 URL 주소	위 주소 전체
host	호스트 이름과 포트	https://www.naver.com/8080
hostname	호스트 컴퓨터이름	https://www.naver.com
hash	앵커이름	#top
pathname	디렉토리 이하 경로	/entry/list.jsp
port	포트번호 부분	8080
protocol	프로토콜 종류	https
search	조회부분	manage/posts/page=1

location 객체 메서드

eval()	문자열을 숫자로 바꿈
toString()	오브젝트를 문자열로 바꿈
reload()	현재 문서를 다시 읽어옴
replace()	현재 문서를 다른 URL 문서로 바꿈
valueOf()	오브젝트 값을 표시
toSource()	오브젝트 값을 문자열로 표시

 

 

 

활용예제

<script language="javascript">
alert("회원가입을 하시겠습니까?")
//url 이동
location.href= "member.html"
</script>
 
<script language="javascript">
// 연 창의 URL 이동
opener.location.href= "member.html"
</script>
 
<script language="javascript">
// 부모창 지정프레임의 URL 이동
parent .frame1.location.href= "member.html"
</script>
 
<script language="javascript">
// 전체창에 새 페이지 열기
top.location.href= "index.html"
</script>