[javascript] JavaScript-URL 경로 일부 가져 오기

window.location현재 창에 제공 할 내장 객체 의 속성이 있습니다.

// If URL is http://www.somedomain.com/account/search?filter=a#top

window.location.pathname // /account/search

// For reference:

window.location.host     // www.somedomain.com (includes port if there is one)
window.location.hostname // www.somedomain.com
window.location.hash     // #top
window.location.href     // http://www.somedomain.com/account/search?filter=a#top
window.location.port     // (empty string)
window.location.protocol // http:
window.location.search   // ?filter=a  

모든 URL에 대해 동일한 속성을 사용하여 업데이트하십시오.

이 스키마는 URLUtils 라는 인터페이스로 표준화되고있는 것으로 나타났습니다 . 기존 window.location객체 와 앵커 요소 모두 인터페이스를 구현합니다.

따라서 모든 URL에 대해 위와 동일한 속성을 사용할 수 있습니다. URL 로 앵커를 만들고 속성에 액세스하십시오.

var el = document.createElement('a');
el.href = "http://www.somedomain.com/account/search?filter=a#top";

el.host        // www.somedomain.com (includes port if there is one[1])
el.hostname    // www.somedomain.com
el.hash        // #top
el.href        // http://www.somedomain.com/account/search?filter=a#top
el.pathname    // /account/search
el.port        // (port if there is one[1])
el.protocol    // http:
el.search      // ?filter=a

[1] : 포트를 포함하는 속성에 대한 브라우저 지원이 일관되지 않습니다. 참조 : http://jessepollak.me/chrome-was-wrong-ie-was-right

이것은 최신 버전의 Chrome 및 Firefox에서 작동합니다 . 테스트 할 Internet Explorer 버전이 없으므로 JSFiddle 예제를 사용하여 직접 테스트하십시오.

JSFiddle 예제

URLanchor 요소없이 URL 자체에 대한 이러한 지원을 제공 할 객체 도 있습니다 . 현재로서는 안정적인 브라우저가 지원하지 않는 것 같지만 Firefox 26에서 제공되고 있다고합니다 . 지원이 있다고 생각되면 여기에서 시도하십시오 .

답변

window.location.href.split('/');

window.location.pathname.split('/');

var reg = /.+?\:\/\/.+?(\/.+?)(?:#|\?|$)/;
var pathname = reg.exec( 'http://www.somedomain.com/account/search?filter=a#top' )[1];

const url = new URL('http://www.somedomain.com/account/search?filter=a#top');
console.log(url.pathname.split('/'));
const params = new URLSearchParams(url.search)
console.log(params.get("filter"))

const Url = require('url-parse');
const url = new Url('https://github.com/foo/bar');

let yourUrlString = "http://example.com:3000/pathname/?search=test#hash";

let parser = document.createElement('a');
parser.href = yourUrlString;

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"