English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 객체

JavaScript 참조 매뉴얼

JS DOM 참조 매뉴얼

Location href 속성

JavaScript Location 　객체

href속성 설정 또는 현재 페이지의 전체 URL 반환。

문법：

href 속성 반환：

location.href

href 속성 설정：

location.href = URL
var x = location.href;
document.querySelector("#output").innerHTML = x;
테스트해보세요‹/›

브라우저 호환성

모든 브라우저가 href 속성을 완전히 지원합니다：

속성
href는는는는는

속성 값

값설명
URL링크의 URL을 지정하는 문자열
가능한 값：

  • 절대 URL-절대 경로는 파일 시스템의 루트 디렉토리에서 시작하는 경로입니다. 항상 파일의 전체 URL을 포함합니다(예 href="https://ko.oldtoolbag.com/html/"）

  • 상대 경로 -웹사이트 내의 파일을 지정합니다(예 href="/ html /"）

  • 앵커 URL-페이지 내의 앵커로 이동합니다(예 location.href ="#empty_element"）

  • 새 프로토콜 -기타 프로토콜을 지정합니다(예
    location.href="ftp://myftpserver.com"，
    location.href="mailto：[email protected]"
    또는 location.href="file：// host / path /example.txt"）

기술 세부 사항

반환 값：웹페이지 전체 URL을 나타내는 문자열입니다. 프로토콜(예: https：//）

더 많은 예제

href 값을 다른 웹사이트로 설정합니다：

location.href = "https://ko.oldtoolbag.com";
테스트해보세요‹/›

href 값을 페이지 내의 앵커로 설정합니다：

location.href = "#top";
테스트해보세요‹/›

이 예제는 모든 위치 속성을 보여줍니다：

var txt = "";
txt　+= "<p>Host: "　+　location.host　+　"</p>";
txt　+= "<p>Hostname: "　+　location.hostname　+　"</p>";
txt　+= "<p>Href: "　+　location.href　+　"</p>";
txt　+= "<p>Origin: "　+　location.origin　+　"</p>";
txt　+= "<p>Pathname: "　+　location.pathname　+　"</p>";
txt　+= "<p>Protocol: "　+　location.protocol　+　"</p>";
txt　+= "<p>Search: "　+　location.search　+　"</p>";
document.write(txt);
테스트해보세요‹/›

관련 참조

위치 참조：location.host 속성

위치 참조：location.hostname 속성

위치 참조：location.pathname 속성

위치 참조：location.protocol 속성

JavaScript Location 　객체

JavaScript Navigator 객체JavaScript Location 객체