[JQUERY] JQuery와의 URL의 마지막 부분
JQUERYJQuery와의 URL의 마지막 부분
해결법
-
1.당신은 또한 당신의 URL에서 / 문자의 마지막 발생을 찾을 lastIndexOf에서도 () 함수를 사용하여, 다음 문자열 () 함수는 해당 위치에서 시작하는 문자열을 반환합니다 :
당신은 또한 당신의 URL에서 / 문자의 마지막 발생을 찾을 lastIndexOf에서도 () 함수를 사용하여, 다음 문자열 () 함수는 해당 위치에서 시작하는 문자열을 반환합니다 :
console.log(this.href.substring(this.href.lastIndexOf('/') + 1));
그런 식으로, 당신은 않습니다) (분할 등 모든 URL 세그먼트를 포함하는 배열을 만들지 않도록합니다.
-
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.
window.location.pathname.split("/").pop()
-
4.정규식 그냥 다른 솔루션입니다.
정규식 그냥 다른 솔루션입니다.
var href = location.href; console.log(href.match(/([^\/]*)\/*$/)[1]);
-
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.자바 스크립트는 당신을 도울 수있는 문자열 객체에 관련된 기능 분할이 있습니다
자바 스크립트는 당신을 도울 수있는 문자열 객체에 관련된 기능 분할이 있습니다
var url = "http://mywebsite/folder/file"; var array = url.split('/'); var lastsegment = array[array.length-1];
-
7.또는 당신은 정규 표현식을 사용할 수 있습니다 :
또는 당신은 정규 표현식을 사용할 수 있습니다 :
alert(href.replace(/.*\//, ''));
-
8.
var urlChunks = 'mywebsite/folder/file'.split('/'); alert(urlChunks[urlChunks.length - 1]);
-
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.단지 자바 스크립트 사용 프레데릭의 대답에 건물 :
단지 자바 스크립트 사용 프레데릭의 대답에 건물 :
var url = document.URL window.alert(url.substr(url.lastIndexOf('/') + 1));
-
11.또한,
또한,
var url = $(this).attr("href"); var part = url.substring(url.lastIndexOf('/') + 1);
-
12.당신이 후행 슬래시의 언급이 문제를 처리 할 수있는 다음 필터를 분할을 사용하여 추가 요소를 생성에 대해 걱정하지 않는 경우 (당신이 필터에 대한 브라우저 지원이 가정).
당신이 후행 슬래시의 언급이 문제를 처리 할 수있는 다음 필터를 분할을 사용하여 추가 요소를 생성에 대해 걱정하지 않는 경우 (당신이 필터에 대한 브라우저 지원이 가정).
url.split('/').filter(function (s) { return !!s }).pop()
-
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.
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.현재 윈도우의 마지막 세그먼트를 얻으려면 :
현재 윈도우의 마지막 세그먼트를 얻으려면 :
window.location.href.substr (window.location.href.lastIndexOf ( '/') +1)
-
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.에 관계없이 슬래시를 후행의 마지막 세그먼트를 반환합니다 :
에 관계없이 슬래시를 후행의 마지막 세그먼트를 반환합니다 :
VAR 발 = 'HTTP : //mywebsite/folder/file//'.split ('/ ') .filter (부울) .pop (); CONSOLE.LOG (발);
-
18.
var pathname = window.location.pathname; // Returns path only var url = window.location.href; // Returns full URL
이 답변에서 복사
-
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.
// 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.나는 그것이 문자열을하기 전에 꼬리 슬래시 ( '/')를 제거하는 것이 안전하다고 믿습니다. 내 시나리오에서 빈 문자열을 가지고 있기 때문에.
나는 그것이 문자열을하기 전에 꼬리 슬래시 ( '/')를 제거하는 것이 안전하다고 믿습니다. 내 시나리오에서 빈 문자열을 가지고 있기 때문에.
window.alert((window.location.pathname).replace(/\/$/, "").substr((window.location.pathname.replace(/\/$/, "")).lastIndexOf('/') + 1));
-
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.정규식은 정말 코드의 효율성에 영향을 미칠 수 있기 때문에이 문제를 해결하는 올바른 방법 인 경우 정말 모르겠지만, 정규식 아래는 마지막 세그먼트를 가져 도움이 될 것입니다 그리고 그것은 여전히 당신에게 마지막 세그먼트에도 URL이있는 경우를 줄 것이다 빈 / 나옵니다. 나는이 함께했다 있다는 정규식 :
정규식은 정말 코드의 효율성에 영향을 미칠 수 있기 때문에이 문제를 해결하는 올바른 방법 인 경우 정말 모르겠지만, 정규식 아래는 마지막 세그먼트를 가져 도움이 될 것입니다 그리고 그것은 여전히 당신에게 마지막 세그먼트에도 URL이있는 경우를 줄 것이다 빈 / 나옵니다. 나는이 함께했다 있다는 정규식 :
[^\/]+[\/]?$
-
24.나는 오래 알고 있지만 당신은 당신이 간단하게 사용할 수있는 URL에서이를 얻으려면 :
나는 오래 알고 있지만 당신은 당신이 간단하게 사용할 수있는 URL에서이를 얻으려면 :
document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);
document.location.pathname는 현재 URL에서 경로 이름을 가져옵니다. 다음 정규식의 마지막에 검출 된 위치의 인덱스를 얻을 lastIndexOf에서도, 우리의 경우는에 / ... 도트는 모든 문자의가 /의 URL의 마지막 문자 인 경우 따라서, 계산에 포함되지 않습니다 것을 의미한다. 두 지표 사이의 문자열을자를 것이다 문자열입니다.
-
25.URL은 경우 HTTP : //localhost/madukaonline/shop.php 쇼핑 = 79
URL은 경우 HTTP : //localhost/madukaonline/shop.php 쇼핑 = 79
CONSOLE.LOG (location.search); 가져올 것? = 79 쇼핑
가장 간단한 방법은 사용 location.search에 그래서
여기에 대한 추가 정보를 원하시면 조회 수 그리고 여기
-
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; }, "");
from https://stackoverflow.com/questions/4758103/last-segment-of-url-in-jquery by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 배열에 고유 한 값을 얻는 방법 (0) | 2020.10.05 |
---|---|
[JQUERY] 없음 '액세스 제어는 - - 원산지를 허용'헤더는 요청 된 자원에 존재합니다. 원산지는 '...'때문에 접근이 허용되지 않는다 (0) | 2020.10.05 |
[JQUERY] 어떻게 방울을 업로드 자바 스크립트를 할 수 있습니까? (0) | 2020.10.05 |
[JQUERY] 어떻게 jQuery를 $ 아약스 오류 응답 텍스트를 얻으려면? (0) | 2020.10.05 |
[JQUERY] 어떻게 자바 스크립트를 사용하여 Ctrl 키 + V, Ctrl + C를 감지? (0) | 2020.10.05 |