jQuery를 함께 현재의 URL을 얻을?

해결법

1.경로를 얻으려면, 당신은 사용할 수 있습니다 :

경로를 얻으려면, 당신은 사용할 수 있습니다 :

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)

2.순수 jQuery를 스타일 :

순수 jQuery를 스타일 :
```
$(location).attr('href');
```
위치 객체는 다른 속성과 같은 호스트, 해시, 프로토콜 및 경로 이름을 가지고있다.

3.

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>

4.이 매개 변수는 URL에 존재하는 해시가 필요한 경우, window.location.href 더 나은 선택이 될 수 있습니다.

이 매개 변수는 URL에 존재하는 해시가 필요한 경우, window.location.href 더 나은 선택이 될 수 있습니다.
```
window.location.pathname
=> /search

window.location.href 
 => www.website.com/search#race_type=1
```
5.당신은 자바 스크립트의 내장에에서는 window.location 객체를 사용하는 것이 좋습니다.

당신은 자바 스크립트의 내장에에서는 window.location 객체를 사용하는 것이 좋습니다.

6.그냥 자바 스크립트에이 기능을 추가하고 현재 경로의 절대 경로를 반환합니다.

그냥 자바 스크립트에이 기능을 추가하고 현재 경로의 절대 경로를 반환합니다.

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));
}

나는 당신을 위해 작동 바랍니다.

7.에서는 window.location 자바 스크립트의 객체입니다. 그것은 다음과 같은 데이터를 반환

에서는 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

8.이것은 많은 사람들이 생각하는 것보다 더 복잡한 문제입니다. 여러 브라우저는 자바 스크립트 위치 객체에 내장에서는 window.location 또는 document.location에를 통해 액세스 매개 변수 / 메소드를 연결을 지원합니다. 그러나, 인터넷 익스플로러 (6,7)의 다른 맛 조건부 작성하여 다르게 접근 그들에게 그래서 (지원되지 window.location.href? window.location.replace ()) 같은 방법으로, 이러한 방법을 지원하지 않습니다 손 잡고 인터넷 익스플로러에 코드를 모든 시간.

이것은 많은 사람들이 생각하는 것보다 더 복잡한 문제입니다. 여러 브라우저는 자바 스크립트 위치 객체에 내장에서는 window.location 또는 document.location에를 통해 액세스 매개 변수 / 메소드를 연결을 지원합니다. 그러나, 인터넷 익스플로러 (6,7)의 다른 맛 조건부 작성하여 다르게 접근 그들에게 그래서 (지원되지 window.location.href? window.location.replace ()) 같은 방법으로, 이러한 방법을 지원하지 않습니다 손 잡고 인터넷 익스플로러에 코드를 모든 시간.

당신이 jQuery를 사용할 수와로드가있는 경우는 이러한 문제를 해결하기 때문에 다른 사람이 언급 한 바와 같이 그래서, 당신은뿐만 아니라, jQuery를 (위치)를 사용할 수 있습니다. 그러나 경우에, 당신은 일을-위한 자바 스크립트를 통해 예를-일부 클라이언트 측 위치 정보 재 (이다, Google지도 API 및 위치 객체 방법을 사용하여), 다음 전체 jQuery 라이브러리를로드 할 것을 조건부 코드를 작성하고 싶지 않을 수도 있습니다 확인 등 인터넷 익스플로러 / 파이어 폭스 /의 모든 버전.

Internet Explorer가 불행 고양이 코딩 프런트 엔드를 만들지 만, jQuery를 우유 접시입니다.
9.호스트 이름 만 사용 :

호스트 이름 만 사용 :
```
window.location.hostname
```

10.자바 스크립트는 브라우저의 주소 표시 줄에 표시되는 현재의 URL을 검색하는 많은 방법을 제공합니다.

자바 스크립트는 브라우저의 주소 표시 줄에 표시되는 현재의 URL을 검색하는 많은 방법을 제공합니다.

테스트 URL :

http://
stackoverflow.com/questions/5515310/get-current-url-with-jquery/32942762
?
rq=1&page=2&tab=active&answertab=votes
#
32942762

resourceAddress.hash();
console.log('URL Object ', webAddress);
console.log('Parameters ', param_values);

함수:

var webAddress = {};
var param_values = {};
var protocol = '';
var resourceAddress = {

    fullAddress : function () {
        var addressBar = window.location.href;
        if ( addressBar != '' && addressBar != 'undefined') {
            webAddress[ 'href' ] = addressBar;
        }
    },
    protocol_identifier : function () { resourceAddress.fullAddress();

        protocol = window.location.protocol.replace(':', '');
        if ( protocol != '' && protocol != 'undefined') {
            webAddress[ 'protocol' ] = protocol;
        }
    },
    domain : function () {      resourceAddress.protocol_identifier();

        var domain = window.location.hostname;
        if ( domain != '' && domain != 'undefined' && typeOfVar(domain) === 'string') {
            webAddress[ 'domain' ] = domain;
            var port = window.location.port;
            if ( (port == '' || port == 'undefined') && typeOfVar(port) === 'string') {
                if(protocol == 'http') port = '80';
                if(protocol == 'https') port = '443';           
            }
            webAddress[ 'port' ] = port;
        }
    },
    pathname : function () {        resourceAddress.domain();

        var resourcePath = window.location.pathname;
        if ( resourcePath != '' && resourcePath != 'undefined') {
            webAddress[ 'resourcePath' ] = resourcePath;
        }
    },
    params : function () {      resourceAddress.pathname();

        var v_args = location.search.substring(1).split("&");

        if ( v_args != '' && v_args != 'undefined')
        for (var i = 0; i < v_args.length; i++) {
            var pair = v_args[i].split("=");

            if ( typeOfVar( pair ) === 'array' ) {
                param_values[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );
            }
        }
        webAddress[ 'params' ] = param_values;
    },
    hash : function () {        resourceAddress.params();

        var fragment = window.location.hash.substring(1);
        if ( fragment != '' && fragment != 'undefined')
            webAddress[ 'hash' ] = fragment;        
    }
};
function typeOfVar (obj) {
      return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}

EX : 기본 포트 번호와

<protocol>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://stackoverflow.com:80/

도메인 이름은 당신이 규칙과 도메인 이름 시스템 (DNS) 나무의 절차에 의해 등록 된 있습니다. 목적을 해결하기위한 IP 주소와 도메인을 관리하는 사람의 DNS 서버. DNS 서버 계층에서 stackoverlfow.com의 루트 이름은 COM입니다.

gTLDs      - com « stackoverflow (OR) in « co « google

지역 시스템 당신은 호스트 파일에서 PUBLIC없는 도메인의를 유지해야합니다. localhost.yash.com«localhsot - 하위 도메인 (웹 서버), yash.com - maindomain (프록시 서버). myLocalApplication.com 172.89.23.777

매개 변수가 신기원? 날짜가있는 경우 = 1,467,708,674 후 사용합니다.

var epochDate = 1467708674; var date = new Date( epochDate );

URL

인증 URL과 사용자 이름 : 암호, 사용자 이름 경우 / 암호는 기호 @ 포함 처럼:

Username = `my_email@gmail`
Password = `Yash@777`

다음 당신은 URL 인코딩에 40 %로 @ 필요합니다. 보내다...

http://my_email%40gmail.com:Yash%40777@www.my_site.com

에 encodeURIComponent (VS)에 encodeURI () 예를

var testURL = "http:my_email@gmail:Yash777@//stackoverflow.com?tab=active&page=1#32942762";

var Uri = "/:@?&=,#", UriComponent = "$;+", Unescaped = "(-_.!~*')"; // Fixed
var encodeURI_Str = encodeURI(Uri) +' '+ encodeURI( UriComponent ) +' '+ encodeURI(Unescaped);
var encodeURIComponent_Str =  encodeURIComponent( Uri ) +' '+ encodeURIComponent( UriComponent ) +' '+ encodeURIComponent( Unescaped );
console.log(encodeURI_Str, '\n', encodeURIComponent_Str);
/*
 /:@?&=,# +$; (-_.!~*') 
 %2F%3A%40%3F%26%3D%2C%23 %2B%24%3B (-_.!~*')
*/

11.이것은 또한 작동합니다 :

이것은 또한 작동합니다 :
```
var currentURL = window.location.href;
```
12.당신은 스크립팅 window.location를 기록하고 단지 URL 사용을위한 모든 옵션을 볼 수 있습니다 :

당신은 스크립팅 window.location를 기록하고 단지 URL 사용을위한 모든 옵션을 볼 수 있습니다 :
```
window.location.origin
```
전체 경로 사용 :
```
window.location.href
```
위치도 있습니다 .__
```
.host
.hostname
.protocol
.pathname
```
13.이것은 자바 스크립트 / jQuery를 사용하여 현재 페이지의 절대 URL을 반환합니다.

이것은 자바 스크립트 / jQuery를 사용하여 현재 페이지의 절대 URL을 반환합니다.
14.나는 GET 변수를 제거하려면이 있습니다.

나는 GET 변수를 제거하려면이 있습니다.
```
var loc = window.location;
var currentURL = loc.protocol + '//' + loc.host + loc.pathname;
```
15.의 URL과 해시 태그를 연결하는 원하는 사람이 있다면, 두 가지 기능을 결합 :

의 URL과 해시 태그를 연결하는 원하는 사람이 있다면, 두 가지 기능을 결합 :
```
var pathname = window.location.pathname + document.location.hash;
```
16.당신은 단순히 JS 자체를 사용하여 경로를 얻을 수 있습니다에서는 window.location 또는 위치는 당신에게 현재의 URL의 목적을 줄 것이다

당신은 단순히 JS 자체를 사용하여 경로를 얻을 수 있습니다에서는 window.location 또는 위치는 당신에게 현재의 URL의 목적을 줄 것이다

을 console.log ( "기원 -"location.origin); 을 console.log ( "전체 URL -"같이 location.href); 을 console.log ( "경로 너머 URL -"location.pathname);

17.

 var currenturl = jQuery(location).attr('href');

18.은 iframe 내에서 부모 윈도우의 URL을 얻으려면 :

은 iframe 내에서 부모 윈도우의 URL을 얻으려면 :
```
$(window.parent.location).attr('href');
```
주의 : 오직 같은 도메인에서 작동
19.다음은 사용할 수있는 유용한 코드 조각의 예 - 예 중 일부는 표준 자바 스크립트 기능을 사용하여 jQuery를 특정하지 않습니다 :

다음은 사용할 수있는 유용한 코드 조각의 예 - 예 중 일부는 표준 자바 스크립트 기능을 사용하여 jQuery를 특정하지 않습니다 :

URL 및 쿼리 문자열 8 개 유용한 jQuery를 조각을 참조하십시오.

20.여기에 jQuery를 자바 스크립트를 사용하여 현재 URL을 얻을 수있는 예입니다 :

여기에 jQuery를 자바 스크립트를 사용하여 현재 URL을 얻을 수있는 예입니다 :

$(document).ready(function() {

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

    //Pure JavaScript
    var pathname = window.location.pathname;

    // To show it in an alert window
    alert(window.location);
});


$.getJSON("idcheck.php?callback=?", { url:$(location).attr('href')}, function(json){
    //alert(json.message);
});

21.window.location.href 사용합니다. 이렇게하면 전체 URL을 제공 할 것입니다.

window.location.href 사용합니다. 이렇게하면 전체 URL을 제공 할 것입니다.
22.에서는 window.location 당신에게 현재의 URL을 줄 것이다, 당신은 당신이 그것에서 원하는대로 추출 할 수 있습니다 ...

에서는 window.location 당신에게 현재의 URL을 줄 것이다, 당신은 당신이 그것에서 원하는대로 추출 할 수 있습니다 ...
23.루트 사이트의 경로를 얻고 싶다면, 이것을 사용 :

루트 사이트의 경로를 얻고 싶다면, 이것을 사용 :
```
$(location).attr('href').replace($(location).attr('pathname'),'');
```
24.purl.js. 참조 이 jQuery를에 따라 정말 도움이 될 것입니다 또한 사용할 수 있습니다. 이처럼 사용

purl.js. 참조 이 jQuery를에 따라 정말 도움이 될 것입니다 또한 사용할 수 있습니다. 이처럼 사용
```
$.url().param("yourparam");
```
25.VAR 경로 = location.pathname 반환 현재 URL의 경로를 (jQuery를이 필요하지 않습니다). 에서는 window.location의 사용은 선택 사항입니다.

VAR 경로 = location.pathname 반환 현재 URL의 경로를 (jQuery를이 필요하지 않습니다). 에서는 window.location의 사용은 선택 사항입니다.
26.모든 브라우저에서 자바 스크립트 윈도우 객체를 지원합니다. 그것은 브라우저의 창을 정의합니다.

모든 브라우저에서 자바 스크립트 윈도우 객체를 지원합니다. 그것은 브라우저의 창을 정의합니다.

글로벌 객체와 기능이 자동으로 창 개체의 일부가됩니다.

모든 전역 변수는 윈도우 객체의 속성이며 모든 전역 함수는 방법이 있습니다.

전체 HTML 문서가 너무 윈도우 속성입니다.

그래서 당신은 모든 URL 관련 속성을 가져올에서는 window.location 객체를 사용할 수 있습니다.

자바 스크립트

CONSOLE.LOG (window.location.host); // 반환 호스트 CONSOLE.LOG (window.location.hostname); // 반환 호스트 이름 CONSOLE.LOG (window.location.pathname); //복귀 경로 CONSOLE.LOG (window.location.href); // 반환 전체 현재 URL CONSOLE.LOG (window.location.port); // 포트를 반환 을 console.log (window.location.protocol는) // 프로토콜을 반환

JQuery와

CONSOLE.LOG ( "호스트 ="+ $ (위치) .attr ( "호스트")); CONSOLE.LOG ( "호스트 이름 ="+ $ (위치) .attr ( "호스트")); CONSOLE.LOG ( "경로 ="+ $ (위치) .attr ( '패스')); CONSOLE.LOG ( "HREF ="+ $ (위치) .attr ( 'HREF')); CONSOLE.LOG ( "포트 ="+ $ (위치) .attr ( "포트")); CONSOLE.LOG ( "프로토콜 ="+ $ (위치) .attr ( '프로토콜')); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js">
27.매우 일반적으로 사용 상위 3 사람은

매우 일반적으로 사용 상위 3 사람은
```
1. window.location.hostname 
2. window.location.href
3. window.location.pathname
```

28.

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;

29.

// get current URL

$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);

30.JSTL에서 우리는 당신이 아약스 호출을 수행 할 경우, pageContext.request.contextPath를 사용하여 현재의 URL 경로에 액세스 할 수 있습니다,

JSTL에서 우리는 당신이 아약스 호출을 수행 할 경우, pageContext.request.contextPath를 사용하여 현재의 URL 경로에 액세스 할 수 있습니다,
```
  url = "${pageContext.request.contextPath}" + "/controller/path"
```
예 :이 줄 것이다 http://stackoverflow.com/questions/406192 페이지에 http://stackoverflow.com/controller/path

from https://stackoverflow.com/questions/406192/get-current-url-with-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 브라우저 / 탭이 활성화되어 있는지 확인하는 방법 [중복] (0)	2020.09.26
[JQUERY] jQuery를에 div 요소를 생성 [중복] (0)	2020.09.26
[JQUERY] AJAX MVC를 통해 Excel 파일을 다운로드 (0)	2020.09.26
[JQUERY] 왜 jQuery의 아약스는 내 세션 쿠키를 전송하지 () 메소드입니까? (0)	2020.09.26
[JQUERY] jQuery를 클릭 이벤트 클래스를 추가 한 후 작동하지 (0)	2020.09.26

복붙노트

[JQUERY] jQuery를 함께 현재의 URL을 얻을?

jQuery를 함께 현재의 URL을 얻을?

해결법

1.경로를 얻으려면, 당신은 사용할 수 있습니다 :

2.순수 jQuery를 스타일 :

3.

4.이 매개 변수는 URL에 존재하는 해시가 필요한 경우, window.location.href 더 나은 선택이 될 수 있습니다.

5.당신은 자바 스크립트의 내장에에서는 window.location 객체를 사용하는 것이 좋습니다.

6.그냥 자바 스크립트에이 기능을 추가하고 현재 경로의 절대 경로를 반환합니다.

7.에서는 window.location 자바 스크립트의 객체입니다. 그것은 다음과 같은 데이터를 반환

9.호스트 이름 만 사용 :

10.자바 스크립트는 브라우저의 주소 표시 줄에 표시되는 현재의 URL을 검색하는 많은 방법을 제공합니다.

11.이것은 또한 작동합니다 :

12.당신은 스크립팅 window.location를 기록하고 단지 URL 사용을위한 모든 옵션을 볼 수 있습니다 :

13.이것은 자바 스크립트 / jQuery를 사용하여 현재 페이지의 절대 URL을 반환합니다.

14.나는 GET 변수를 제거하려면이 있습니다.

15.의 URL과 해시 태그를 연결하는 원하는 사람이 있다면, 두 가지 기능을 결합 :

16.당신은 단순히 JS 자체를 사용하여 경로를 얻을 수 있습니다에서는 window.location 또는 위치는 당신에게 현재의 URL의 목적을 줄 것이다

17.

18.은 iframe 내에서 부모 윈도우의 URL을 얻으려면 :

19.다음은 사용할 수있는 유용한 코드 조각의 예 - 예 중 일부는 표준 자바 스크립트 기능을 사용하여 jQuery를 특정하지 않습니다 :

20.여기에 jQuery를 자바 스크립트를 사용하여 현재 URL을 얻을 수있는 예입니다 :

21.window.location.href 사용합니다. 이렇게하면 전체 URL을 제공 할 것입니다.

22.에서는 window.location 당신에게 현재의 URL을 줄 것이다, 당신은 당신이 그것에서 원하는대로 추출 할 수 있습니다 ...

23.루트 사이트의 경로를 얻고 싶다면, 이것을 사용 :

24.purl.js. 참조 이 jQuery를에 따라 정말 도움이 될 것입니다 또한 사용할 수 있습니다. 이처럼 사용

25.VAR 경로 = location.pathname 반환 현재 URL의 경로를 (jQuery를이 필요하지 않습니다). 에서는 window.location의 사용은 선택 사항입니다.

26.모든 브라우저에서 자바 스크립트 윈도우 객체를 지원합니다. 그것은 브라우저의 창을 정의합니다.

27.매우 일반적으로 사용 상위 3 사람은

28.

29.

30.JSTL에서 우리는 당신이 아약스 호출을 수행 할 경우, pageContext.request.contextPath를 사용하여 현재의 URL 경로에 액세스 할 수 있습니다,

'JQUERY' 카테고리의 다른 글

티스토리툴바