본문 바로가기
프로그래밍/JavaScript

JavaScript Location 객체

by zoo10 2013. 1. 5.

JavaScript Window Location

window.location 객체는 현재 페이지의 URL을 얻어낼 수 있고 새로운 페이지로 이동시킬 수 있다.



Window Location

window.location 객체는 window prefix를 생략하고 사용할 수 있다.


  • location.hostname : 도메인명 반환
  • location.path : 현재 페이지의 경로(path)와 파일명을 반환
  • location.port : 웹 호스트의 포트 반환 (80 or 443)
  • location protocol : 웹 프로토콜 반환 (http:// or https://)

Window Location Href

location.href 프로퍼티는 현재 페이지 URL 을 반환합니다.


Example

<script>

document.write(location.href);
</script>

위 코드의 결과 (결과값은 사용자에 환경에 따라 달라집니다.) :

http://w3schools.com/js/js_window_location.asp


Window Location Pathname

location.pathname 프로퍼티는 URL 경로를 반환합니다.


Example

<script>

document.write(location.pathname);
</script>

결과:

/js/js_window_location.asp


Window Location Assign

location.assign() 함수는 새로운 페이지를 로드합니다.


Example

새 문서 로드:

<html>
<head>
<script>
function newDoc()
  {
  window.location.assign("http://www.w3schools.com")
  }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()" />

</body>
</html>

Try it yourself »

Location Object Properties

PropertyDescription
hash주소값에 붙어 있는 anchor 값을 반환
hostURL의 도메인과 포트 반환
hostnameURL의 도메인 반환
hrefURL 반환
pathnameURL 경로 반환
port서버포트 반환
protocol프로토콜 반환
searchURL에 붙은 매개변수 반환 (물음표 뒤의 값들 반환)

Location Object Methods

MethodDescription
assign()새로운 주소로 이동
reload()현재 페이지 새로고침
replace()새로운 주소로 이동

'프로그래밍 > JavaScript' 카테고리의 다른 글

JavaScript Number 객체  (0) 2013.01.05
JavaScript Date 객체  (2) 2013.01.05
JavaScript 배열 객체, Array  (2) 2013.01.05
JavaScript History 객체  (0) 2013.01.05
JavaScript 스크린 객체  (0) 2013.01.05
JavaScript Navigator 객체  (0) 2013.01.05
JavaScript 브라우저 객체 모델 BOM  (2) 2013.01.05
JavaScript 수학 객체 Math  (0) 2013.01.05