복붙노트

[JQUERY] JQuery와의 URL의 마지막 부분

JQUERY

JQuery와의 URL의 마지막 부분

해결법


  1. 1.당신은 또한 당신의 URL에서 / 문자의 마지막 발생을 찾을 lastIndexOf에서도 () 함수를 사용하여, 다음 문자열 () 함수는 해당 위치에서 시작하는 문자열을 반환합니다 :

    당신은 또한 당신의 URL에서 / 문자의 마지막 발생을 찾을 lastIndexOf에서도 () 함수를 사용하여, 다음 문자열 () 함수는 해당 위치에서 시작하는 문자열을 반환합니다 :

    console.log(this.href.substring(this.href.lastIndexOf('/') + 1));
    

    그런 식으로, 당신은 않습니다) (분할 등 모든 URL 세그먼트를 포함하는 배열을 만들지 않도록합니다.


  2. 2.VAR 부품 = 'HTTP : //mywebsite/folder/file'.split를 ('/ '); VAR lastSegment = parts.pop () || () parts.pop; 슬래쉬 // 핸들 가능성 CONSOLE.LOG (lastSegment);

    VAR 부품 = 'HTTP : //mywebsite/folder/file'.split를 ('/ '); VAR lastSegment = parts.pop () || () parts.pop; 슬래쉬 // 핸들 가능성 CONSOLE.LOG (lastSegment);


  3. 3.

    window.location.pathname.split("/").pop()
    

  4. 4.정규식 그냥 다른 솔루션입니다.

    정규식 그냥 다른 솔루션입니다.

    var href = location.href;
    console.log(href.match(/([^\/]*)\/*$/)[1]);
    

  5. 5.경로가 단순한 경로 요소로 구성된 간단한 경우 다른 답변이 작동하지 않을 수 있습니다. 그것뿐만 아니라 쿼리 PARAMS 포함되어있는 경우, 그들은 휴식.

    경로가 단순한 경로 요소로 구성된 간단한 경우 다른 답변이 작동하지 않을 수 있습니다. 그것뿐만 아니라 쿼리 PARAMS 포함되어있는 경우, 그들은 휴식.

    이것에 대한 더 나은 사용 URL 객체 대신보다 강력한 솔루션을 얻을 수 있습니다. 그것은 본 URL의 구문 분석 된 해석이다 :

    입력: const를 HREF = 'https://stackoverflow.com/boo?q=foo&s=bar'

    const segments = new URL(href).pathname.split('/');
    const last = segments.pop() || segments.pop(); // Handle potential trailing slash
    console.log(last);
    

    출력 : '우우'

    이것은 일반적인 모든 브라우저에서 작동합니다. 우리의 죽어가는 IE는 그것을 지원 (그리고하지 않습니다)하지 않습니다. IE를 들어이 있지만, 사용할 수 polyfills이 (당신은 전혀 신경 경우).


  6. 6.자바 스크립트는 당신을 도울 수있는 문자열 객체에 관련된 기능 분할이 있습니다

    자바 스크립트는 당신을 도울 수있는 문자열 객체에 관련된 기능 분할이 있습니다

    var url = "http://mywebsite/folder/file";
    var array = url.split('/');
    
    var lastsegment = array[array.length-1];
    

  7. 7.또는 당신은 정규 표현식을 사용할 수 있습니다 :

    또는 당신은 정규 표현식을 사용할 수 있습니다 :

    alert(href.replace(/.*\//, ''));
    

  8. 8.

    var urlChunks = 'mywebsite/folder/file'.split('/');
    alert(urlChunks[urlChunks.length - 1]);
    

  9. 9.나는 그것이 너무 늦게, 그러나 다른 사람을 위해, 알고 내가보기 엔 PURL JQuery와 플러그인 사용을 권장합니다. PURL에 대한 동기 부여는 URL이 '#'도 (예 : angular.js 링크)에 의해 분할 될 수 있다는 것입니다, 즉 URL을 할 수 보이는 등

    나는 그것이 너무 늦게, 그러나 다른 사람을 위해, 알고 내가보기 엔 PURL JQuery와 플러그인 사용을 권장합니다. PURL에 대한 동기 부여는 URL이 '#'도 (예 : angular.js 링크)에 의해 분할 될 수 있다는 것입니다, 즉 URL을 할 수 보이는 등

        http://test.com/#/about/us/
    

    또는

        http://test.com/#sky=blue&grass=green
    

    그리고 PURL 당신은 쉽게 당신이 취득하는 세그먼트 (세그먼트 / fsegment)를 결정할 수 있습니다.

    "고전적인"마지막 세그먼트를 들어 당신은 쓸 수 있습니다 :

        var url = $.url('http://test.com/dir/index.html?key=value');
        var lastSegment = url.segment().pop(); // index.html
    

  10. 10.단지 자바 스크립트 사용 프레데릭의 대답에 건물 :

    단지 자바 스크립트 사용 프레데릭의 대답에 건물 :

    var url = document.URL
    
    window.alert(url.substr(url.lastIndexOf('/') + 1));
    

  11. 11.또한,

    또한,

    var url = $(this).attr("href");
    var part = url.substring(url.lastIndexOf('/') + 1);
    

  12. 12.당신이 후행 슬래시의 언급이 문제를 처리 할 수있는 다음 필터를 분할을 사용하여 추가 요소를 생성에 대해 걱정하지 않는 경우 (당신이 필터에 대한 브라우저 지원이 가정).

    당신이 후행 슬래시의 언급이 문제를 처리 할 수있는 다음 필터를 분할을 사용하여 추가 요소를 생성에 대해 걱정하지 않는 경우 (당신이 필터에 대한 브라우저 지원이 가정).

    url.split('/').filter(function (s) { return !!s }).pop()
    

  13. 13.

    // Store original location in loc like: http://test.com/one/ (ending slash)
    var loc = location.href; 
    // If the last char is a slash trim it, otherwise return the original loc
    loc = loc.lastIndexOf('/') == (loc.length -1) ? loc.substr(0,loc.length-1) : loc.substr(0,loc.lastIndexOf('/'));
    var targetValue = loc.substr(loc.lastIndexOf('/') + 1);
    

    targetValue = 10

    당신의 URL 외모가 좋아하는 경우 :

    또는

    또는

    그런 다음 LOC처럼 찾고 끝 : http://test.com/one

    마지막 항목을 원하기 때문에 이제, 원래 원 (targetValue를) 값을로드하는 다음 단계를 실행합니다.

    var targetValue = loc.substr(loc.lastIndexOf('/') + 1);
    

  14. 14.

    window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1));
    

    이 간단한이고 이미 브라우저에 의해 구문 분석 및 해결 되었기 때문에 기본 경로 속성을 사용합니다. $ (이) .attr ( "HREF")는 ../ .. 당신에게 올바른 결과를주지 않을 것 같은 값을 반환 할 수 있습니다.

    당신은 검색 및 해시 (? http://quux.com/path/to/foo?bar#baz에서 예를 들어, foo는 바 #의 바즈)를 유지해야하는 경우 이것을 사용 :

    window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1) + this.search + this.hash);
    

  15. 15.현재 윈도우의 마지막 세그먼트를 얻으려면 :

    현재 윈도우의 마지막 세그먼트를 얻으려면 :

    window.location.href.substr (window.location.href.lastIndexOf ( '/') +1)


  16. 16.당신이 존재하는 경우 마지막에 / 제거한 다음 URL의 마지막 부분을 얻을 수 있습니다

    당신이 존재하는 경우 마지막에 / 제거한 다음 URL의 마지막 부분을 얻을 수 있습니다

    let locationLastPart = window.location.pathname
    if (locationLastPart.substring(locationLastPart.length-1) == "/") {
      locationLastPart = locationLastPart.substring(0, locationLastPart.length-1);
    }
    locationLastPart = locationLastPart.substr(locationLastPart.lastIndexOf('/') + 1);
    

  17. 17.에 관계없이 슬래시를 후행의 마지막 세그먼트를 반환합니다 :

    에 관계없이 슬래시를 후행의 마지막 세그먼트를 반환합니다 :

    VAR 발 = 'HTTP : //mywebsite/folder/file//'.split ('/ ') .filter (부울) .pop (); CONSOLE.LOG (발);


  18. 18.

    var pathname = window.location.pathname; // Returns path only
    var url      = window.location.href;     // Returns full URL
    

    이 답변에서 복사


  19. 19.raddevus 대답을 업데이트 :

    raddevus 대답을 업데이트 :

    var loc = window.location.href;
    loc = loc.lastIndexOf('/') == loc.length - 1 ? loc.substr(0, loc.length - 1) : loc.substr(0, loc.length + 1);
    var targetValue = loc.substr(loc.lastIndexOf('/') + 1);
    

    문자열로 URL의 마지막 경로를 인쇄합니다 :

    test.com/path-name = path-name
    
    test.com/path-name/ = path-name
    

  20. 20.

    // https://x.com/boo/?q=foo&s=bar = boo
    // https://x.com/boo?q=foo&s=bar = boo
    // https://x.com/boo/ = boo
    // https://x.com/boo = boo
    
    const segment = new 
    URL(window.location.href).pathname.split('/').filter(Boolean).pop();
    console.log(segment);
    

    나를 위해 작동합니다.


  21. 21.나는 그것이 문자열을하기 전에 꼬리 슬래시 ( '/')를 제거하는 것이 안전하다고 믿습니다. 내 시나리오에서 빈 문자열을 가지고 있기 때문에.

    나는 그것이 문자열을하기 전에 꼬리 슬래시 ( '/')를 제거하는 것이 안전하다고 믿습니다. 내 시나리오에서 빈 문자열을 가지고 있기 때문에.

    window.alert((window.location.pathname).replace(/\/$/, "").substr((window.location.pathname.replace(/\/$/, "")).lastIndexOf('/') + 1));
    

  22. 22.나는 정규식 및 분할을 사용하고 있습니다 :

    나는 정규식 및 분할을 사용하고 있습니다 :

    VAR last_path = location.href.match (/./. (/) \ w]) [1] .split ( "#") [0] .split ( "?") [0]

    결국 그것은 #를 무시? 및 / 많이 발생하는 URL을 종료. 예:

    https://cardsrealm.com/profile/cardsRealm -> 반환 cardsRealm

    https://cardsrealm.com/profile/cardsRealm#hello -> 반환 cardsRealm

    https://cardsrealm.com/profile/cardsRealm?hello -> 반환 cardsRealm

    https://cardsrealm.com/profile/cardsRealm/ -> 반환 cardsRealm


  23. 23.정규식은 정말 코드의 효율성에 영향을 미칠 수 있기 때문에이 문제를 해결하는 올바른 방법 인 경우 정말 모르겠지만, 정규식 아래는 마지막 세그먼트를 가져 도움이 될 것입니다 그리고 그것은 여전히 ​​당신에게 마지막 세그먼트에도 URL이있는 경우를 줄 것이다 빈 / 나옵니다. 나는이 함께했다 있다는 정규식 :

    정규식은 정말 코드의 효율성에 영향을 미칠 수 있기 때문에이 문제를 해결하는 올바른 방법 인 경우 정말 모르겠지만, 정규식 아래는 마지막 세그먼트를 가져 도움이 될 것입니다 그리고 그것은 여전히 ​​당신에게 마지막 세그먼트에도 URL이있는 경우를 줄 것이다 빈 / 나옵니다. 나는이 함께했다 있다는 정규식 :

    [^\/]+[\/]?$
    

  24. 24.나는 오래 알고 있지만 당신은 당신이 간단하게 사용할 수있는 URL에서이를 얻으려면 :

    나는 오래 알고 있지만 당신은 당신이 간단하게 사용할 수있는 URL에서이를 얻으려면 :

    document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);
    

    document.location.pathname는 현재 URL에서 경로 이름을 가져옵니다. 다음 정규식의 마지막에 검출 된 위치의 인덱스를 얻을 lastIndexOf에서도, 우리의 경우는에 / ... 도트는 모든 문자의가 /의 URL의 마지막 문자 인 경우 따라서, 계산에 포함되지 않습니다 것을 의미한다. 두 지표 사이의 문자열을자를 것이다 문자열입니다.


  25. 25.URL은 경우 HTTP : //localhost/madukaonline/shop.php 쇼핑 = 79

    URL은 경우 HTTP : //localhost/madukaonline/shop.php 쇼핑 = 79

    CONSOLE.LOG (location.search); 가져올 것? = 79 쇼핑

    가장 간단한 방법은 사용 location.search에 그래서

    여기에 대한 추가 정보를 원하시면 조회 수 그리고 여기


  26. 26.당신은 (w / 0)의 QueryStrings 등 간단한 경로를 사용하여이 작업을 수행 할 수

    당신은 (w / 0)의 QueryStrings 등 간단한 경로를 사용하여이 작업을 수행 할 수

    지나치게 복잡하고 아마 확대됨하지 아마 부여,하지만 난 그것의 재미를 줄이기 사용하고 싶었다.

      "/foo/bar/"
        .split(path.sep)
        .filter(x => x !== "")
        .reduce((_, part, i, arr) => {
          if (i == arr.length - 1) return part;
        }, "");
    
  27. from https://stackoverflow.com/questions/4758103/last-segment-of-url-in-jquery by cc-by-sa and MIT license