>  기사  >  웹 프론트엔드  >  위치 객체를 사용하는 방법

위치 객체를 사용하는 방법

不言
不言원래의
2019-01-29 16:57:524064검색

위치 객체를 사용하는 방법의 위치 개체는 방문자의 브라우저에 표시된 현재 URL에 액세스하고 변경하는 데 사용할 수 있습니다. 위치 개체 자체는 Window 개체의 속성입니다.

위치 객체를 사용하는 방법

Location 개체는 창과 문서 개체의 속성이므로 window.location과 document.location은 동일한 개체를 가리킵니다.

현재 로드된 페이지의 전체 URL인 Location 개체

href의 속성을 살펴보겠습니다.

프로토콜: 현재 사용 중인 프로토콜입니다.

호스트: 서버 이름 및 포트 번호.

hostname: URL의 서버 이름, 하위 도메인 및 도메인 이름을 나타냅니다.

port: 지정된 서버에서 사용하는 통신 포트를 나타냅니다.​

pathname: URL의 디렉터리 및 파일 이름입니다.​

search: HTTP URL의 쿼리 정보를 지정하는 물음표로 시작하는 문자열을 나타냅니다.​

hash: #으로 시작하는 문자열을 나타내며, HTTP URL에 앵커 이름을 지정합니다.​

구체적인 예를 살펴보겠습니다

코드는 다음과 같습니다

<!DOCTYPE HTML>
<html>
<head>
	<title>위치 객체를 사용하는 방법 Location Object</title>
	<script type="text/javascript">
		function gotoUrl()
		{
			window.location.href = window.document.loctn.ProtocolFld.
			options[window.document.loctn.ProtocolFld.selectedIndex].
			text + document.loctn.HostnameFld.value + document.loctn.
			PathnameFld.value
		}
	</script>
</head>
<body>
<h3>在以下部分输入URL</h3>
<form name="loctn" method="post">
<pre class="brush:php;toolbar:false">协议:
<select name="ProtocolFld" size="1">
<option>http://</option>
<option>file://</option>
<option>javascript:</option>
<option>ftp://</option>
<option>mailto:</option>
</select>
主机名:
<input>
路径:
<input>
<input>

위 내용은 위치 객체를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.