내가 원하는 것은 웹 사이트 URL을 얻는 것입니다. 링크에서 가져온 URL이 아닙니다. 페이지 로딩에서 웹 사이트의 전체 현재 URL을 가져 와서 원하는대로 변수로 설정할 수 있어야합니다.
답변
사용하다:
window.location.href
주석에서 언급했듯이 아래 줄은 작동하지만 Firefox에서는 버그가 있습니다.
document.URL;
DOMString 유형의 URL, readonly를 참조하십시오 .
답변
URL 정보 액세스
JavaScript는 브라우저의 주소 표시 줄에 표시되는 현재 URL을 검색하고 변경하는 많은 방법을 제공합니다. 이러한 모든 방법은 Location
객체의 속성 인 Window
객체를 사용합니다. Location
다음과 같이 현재 URL이 있는 새 객체를 만들 수 있습니다 .
var currentLocation = window.location;
기본 URL 구조
<protocol>//<hostname>:<port>/<pathname><search><hash>
-
protocol : 인터넷의 리소스에 액세스하는 데 사용되는 프로토콜 이름을 지정합니다. (HTTP (SSL 없음) 또는 HTTPS (SSL 있음))
-
hostname : 호스트 이름은 리소스를 소유 한 호스트를 지정합니다. 예를 들면 다음과 같습니다
www.stackoverflow.com
. 서버는 호스트 이름을 사용하여 서비스를 제공합니다. -
포트 : 서버에 도착했을 때 인터넷 또는 기타 네트워크 메시지가 전달 될 특정 프로세스를 인식하는 데 사용되는 포트 번호입니다.
-
경로 이름 : 경로는 웹 클라이언트가 액세스하려는 호스트 내의 특정 리소스에 대한 정보를 제공합니다. 예를 들면 다음과 같습니다
/index.html
. -
검색 : 쿼리 문자열은 경로 구성 요소를 따르며 리소스가 검색을위한 매개 변수 또는 처리 할 데이터와 같은 특정 목적으로 활용할 수있는 정보 문자열을 제공합니다.
-
해시 : URL의 앵커 부분에는 해시 부호 (#)가 포함됩니다.
이러한 Location
객체 속성을 사용하면 이러한 모든 URL 구성 요소와 구성하거나 반환 할 수있는 대상에 액세스 할 수 있습니다.
- href- 전체 URL
- protocol -URL의 프로토콜
- host -URL의 호스트 명과 포트
- hostname -URL의 호스트 명
- port- 서버가 URL에 사용하는 포트 번호
- pathname -URL의 경로명
- search -URL의 쿼리 부분
- 해시-URL 의 앵커 부분
나는 당신이 대답을 바랍니다 ..
답변
를 사용하여 window.location
받는 사람 읽기 및 쓰기 액세스를위한 위치 개체 현재 프레임과 연관된. 주소를 읽기 전용 문자열로 가져 오려면을 사용할 수 있습니다 . document.URL
이와 동일한 값을 포함해야합니다 window.location.href
.
답변
현재 페이지 URL을 가져옵니다.
window.location.href
답변
순수 JavaScript를 사용하면 현재 페이지 의 전체 URL 을 쉽게 얻을 수 있습니다. 예를 들어이 페이지에서이 코드를 사용해보십시오.
window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"
이
window.location.href
속성은 현재 페이지의 URL을 반환합니다.
document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript</h2>
<h3>The window.location.href</h3>
<p id="root"></p>
</body>
</html>
이것들을 언급하는 것도 나쁘지 않습니다.
-
상대 경로가 필요한 경우 간단히
window.location.pathname
; -
호스트 이름을 얻으려면
window.location.hostname
; -
프로토콜을 별도로 가져와야 할 경우
window.location.protocol
- 또한 페이지에
hash
태그 가 있으면 다음 과 같이 얻을 수 있습니다window.location.hash
..
- 또한 페이지에
따라서 window.location.href
한 번에 모든 것을 처리합니다 … 기본적으로 :
window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
//true
또한 사용하여 window
윈도우 범위 내에서 이미 경우 필요하지 않습니다 …
따라서이 경우 다음을 사용할 수 있습니다.
location.protocol
location.hostname
location.pathname
location.hash
location.href
답변
경로를 얻으려면 다음을 사용할 수 있습니다.
console.log('document.location', document.location.href);
console.log('location.pathname', window.location.pathname); // Returns path only
console.log('location.href', window.location.href); // Returns full URL