내가 원하는 것은 웹 사이트 URL을 얻는 것입니다. 링크에서 가져온 URL이 아닙니다. 페이지 로드 시 웹사이트의 전체 현재 URL을 가져와서 내가 원하는 대로 변수로 설정할 수 있어야 합니다.
반응형
질문자 :dougoftheabaci
사용하다:
window.location.href주석에서 언급했듯이 아래 줄은 작동하지만 Firefox에서 버그가 있습니다.
document.URLDOMString 유형의 URL, readonly를 참조하십시오.
Community Wiki
URL 정보 액세스
JavaScript는 브라우저의 주소 표시줄에 표시되는 현재 URL을 검색하고 변경할 수 있는 다양한 방법을 제공합니다. 이러한 모든 메서드 Window 개체의 속성인 Location 개체를 사용합니다. 다음과 같이 현재 URL이 Location 개체를 만들 수 있습니다.
var currentLocation = window.location;기본 URL 구조
<protocol>//<hostname>:<port>/<pathname><search><hash>프로토콜: 인터넷에서 리소스에 액세스하는 데 사용되는 프로토콜 이름을 지정합니다. (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의 쿼리 부분
- hash - URL의 앵커 부분
답변이 되셨길 바랍니다..
Nikhil Agrawal
현재 프레임과 연결된 위치 개체에 대한 읽기 및 쓰기 액세스에 window.location 을 사용합니다. 주소를 읽기 전용 문자열로 가져오려면 window.location.href 와 동일한 값을 포함해야 document.URL 사용할 수 있습니다.
Christoph
현재 페이지 URL을 가져옵니다.
window.location.hrefZanoni
현재 페이지의 전체 URL 을 가져오는 것은 순수 JavaScript를 사용하여 쉽습니다. 예를 들어 이 페이지에서 다음 코드를 시도하십시오.
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- 또한 페이지에
hashwindow.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 
Alireza
경로를 얻으려면 다음을 사용할 수 있습니다.
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 URLSangeet Shah
개발자 도구를 열고 콘솔에 다음을 입력 하고 Enter 키를 누릅니다.
window.location예: 아래는 현재 페이지의 결과 스크린샷입니다.
여기에서 필요한 것을 얻으십시오. :)
tmh
사용: window.location.href .
위에서 언급했듯이 document.URL window.location 업데이트할 때 업데이트 되지 않습니다 . MDN을 참조하십시오.
Dorian
window.location.href를 사용하여 전체 URL을 가져옵니다.-
window.location.pathname을 사용하여 호스트에서 나가는 URL을 가져옵니다.
kishore
다음을 사용하여 해시 태그로 현재 URL 위치를 가져올 수 있습니다.
자바스크립트:
// Using href var URL = window.location.href; // Using path var URL = window.location.pathname;제이쿼리 :
$(location).attr('href');Bhaskar Bhatt
var currentPageUrlIs = ""; if (typeof this.href != "undefined") { currentPageUrlIs = this.href.toString().toLowerCase(); }else{ currentPageUrlIs = document.location.toString().toLowerCase(); }위의 코드는 또한 누군가를 도울 수 있습니다
Rohan Patil
빠른 참조를 위해 결과 추가
창.위치;
Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", ancestorOrigins: DOMStringList, origin: "https://stackoverflow.com", replace: ƒ, assign: ƒ, …}문서.위치
Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", ancestorOrigins: DOMStringList, origin: "https://stackoverflow.com", replace: ƒ, assign: ƒ , …}창.위치.경로명
"/questions/1034621/get-the-current-url-with-javascript"창.위치.href
"https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript"위치.호스트 이름
"stackoverflow.com"Hitesh Sahu
쿼리 문자열이 포함된 전체 URL의 경우:
document.location.toString()호스트 URL:
window.locationSyed Nasir Abbas
실제 URL 객체를 원하는 사람들을 위해 잠재적으로 URL을 인수로 사용하는 유틸리티를 위해:
const url = new URL(window.location.href)Seph Reed
Nikhil Agrawal의 답변은 훌륭합니다. 여기에 약간의 예를 추가하면 콘솔에서 다양한 구성 요소가 작동하는 것을 볼 수 있습니다.
경로 또는 쿼리 매개변수가 없는 기본 URL(예: 개발/스테이징 및 프로덕션 서버 모두에서 작동하도록 AJAX 요청 수행)을 원하는 경우 window.location.origin 이 프로토콜과 선택적 포트를 유지하므로 가장 좋습니다(in Django 개발, 호스트 이름 등을 사용하면 포트가 끊어지는 비표준 포트가 있는 경우가 있습니다.)
Apollo Data
pageContext.request.contextPath 사용하여 현재 URL 경로에 액세스할 수 있습니다. Ajax 호출을 하려면 다음 URL을 사용하세요.
url = "${pageContext.request.contextPath}" + "/controller/path" 예 : 페이지에 대한 http://stackoverflow.com/posts/36577223 이 줄 것이다 http://stackoverflow.com/controller/path .
Maleen Abewardana
현재 위치 객체를 얻는 방법은 window.location 입니다.
이것을 원래 현재 URL만 문자열로 반환한 document.location 과 비교하십시오. 아마 피하기 혼란, document.location 으로 대체 document.URL .
그리고 모든 최신 브라우저는 document.location 을 window.location 매핑합니다.
실제로, 크로스 브라우저의 안전을 위해, 당신은 사용해야 window.location 보다는 document.location .
Josip Ivic
location.origin+location.pathname+location.search+location.hash;그리고
location.href같은 작업을 수행합니다.
زياد
이 작업을 수행하는 방법에는 여러 가지가 있습니다.
1:
location.href;2:
document.URL;삼:
document.documentURI;Programmer
이것을 사용하십시오:
var url = window.location.href; console.log(url);Giacomo Casadei
location.href 통해 현재 페이지의 전체 링크를 얻을 수 있으며 현재 컨트롤러의 링크를 얻으려면 다음을 사용하십시오.
location.href.substring(0, location.href.lastIndexOf('/'));Khaled Harby
JavaScript로 현재 URL 얻기:
window.location.toString();
창.위치.href
Hasib Kamal
노력하다
location+'' let url = location+''; console.log(url);Kamil Kiełczewski
ID 가 있는 특정 링크를 참조하는 경우 이 코드가 도움이 될 수 있습니다.
$(".disapprove").click(function(){ var id = $(this).attr("id"); $.ajax({ url: "<?php echo base_url('index.php/sample/page/"+id+"')?>", type: "post", success:function() { alert("The Request has been Disapproved"); window.location.replace("http://localhost/sample/page/"+id+""); } }); }); 여기에서 ajax를 사용하여 ID를 제출하고 window.location.replace를 사용하여 페이지를 리디렉션합니다. 명시된 대로 id="" 속성을 추가하기만 하면 됩니다.
curiosity
먼저 페이지가 완전히 로드되었는지 확인합니다.
browser,window.location.toString(); window.location.href그런 다음 url, URL 변수를 가져 와서 콘솔에 인쇄하는 함수를 호출하십시오.
$(window).load(function(){ var url = window.location.href.toString(); var URL = document.URL; var wayThreeUsingJQuery = $(location).attr('href'); console.log(url); console.log(URL); console.log(wayThreeUsingJQuery ); });Ashish Kamble
출처 : 여기를 클릭하세요
출처 : http:www.stackoverflow.com/questions/1034621/get-the-current-url-with-javascript
반응형
'etc. > StackOverFlow' 카테고리의 다른 글
| 이것은 !! (not not) JavaScript의 연산자? (0) | 2021.10.05 |
|---|---|
| CSS에서 셀 패딩 및 셀 간격을 설정하시겠습니까? (0) | 2021.10.05 |
| 특정 인덱스의 배열에 항목을 삽입하는 방법(JavaScript) (0) | 2021.10.05 |
| 'for' 루프를 사용하여 사전 반복 (0) | 2021.10.05 |
| 커밋되지 않은 기존 작업을 Git의 새 분기로 이동 (0) | 2021.10.05 |