[javascript] jQuery로 현재 URL을 받으시겠습니까?

JAVASCRIPT / 글쓴이

jQuery를 사용하고 있습니다. 현재 URL의 경로를 가져 와서 변수에 할당하려면 어떻게합니까?

URL 예 :

http://localhost/menuname.de?foo=bar&number=0

답변

경로를 얻으려면 다음을 사용할 수 있습니다.

var pathname = window.location.pathname; // Returns path only (/path/example.html)
var url      = window.location.href;     // Returns full URL (https://example.com/path/example.html)
var origin   = window.location.origin;   // Returns base URL (https://example.com)

답변

순수한 jQuery 스타일에서 :

$(location).attr('href');

위치 객체에는 호스트, 해시, 프로토콜 및 경로 이름과 같은 다른 속성도 있습니다.

답변

http://www.refulz.com:8082/index.php#tab2?foo=789

Property    Result
------------------------------------------
host        www.refulz.com:8082
hostname    www.refulz.com
port        8082
protocol    http:
pathname    index.php
href        http://www.refulz.com:8082/index.php#tab2
hash        #tab2
search      ?foo=789

var x = $(location).attr('<property>');

이것은 jQuery가있는 경우에만 작동합니다. 예를 들면 다음과 같습니다.

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
  $(location).attr('href');      // http://www.refulz.com:8082/index.php#tab2
  $(location).attr('pathname');  // index.php
</script>
</html>

답변

URL에 해시 매개 변수가 필요한 경우 window.location.href더 나은 선택 일 수 있습니다.

window.location.pathname
=> /search

window.location.href
 => www.website.com/search#race_type=1

답변

JavaScript의 내장 window.location객체 를 사용하려고 합니다.

답변

이 함수를 JavaScript로 추가하면 현재 경로의 절대 경로가 반환됩니다.

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

나는 그것이 당신을 위해 작동하기를 바랍니다.

답변

window.location은 자바 스크립트의 개체입니다. 다음 데이터를 반환합니다

window.location.host          #returns host
window.location.hostname      #returns hostname
window.location.path          #return path
window.location.href          #returns full current url
window.location.port          #returns the port
window.location.protocol      #returns the protocol

jquery에서 사용할 수 있습니다 

$(location).attr('host');        #returns host
$(location).attr('hostname');    #returns hostname
$(location).attr('path');        #returns path
$(location).attr('href');        #returns href
$(location).attr('port');        #returns port
$(location).attr('protocol');    #returns protocol