JavaScript get portion of a page URL

Question

Is there a way using HTML css and JavaScript that I can find the URL of a webpage after the first 10 characters. For example, if the URL is random.com/abc the program would only get the /abc part of the URl and log it in the console. How can this be done?

`(new URL('http://www.example.com/abc/123')).pathname` – epascarello Oct 01 '21 at 17:38 — epascarello, Oct 01 '21 at 17:38
Where is the URL? The webpage, a link, plain text? – epascarello Oct 01 '21 at 17:38 — epascarello, Oct 01 '21 at 17:38

score 2 · Answer 1 · answered Oct 01 '21 at 17:55

2

You need to get the pathname from the window location object.

window.location.pathname

answered Oct 01 '21 at 17:55

Giusseppe

147
7

score 1 · Answer 2 · answered Oct 01 '21 at 17:37

1

You can use window.location.href along with substring() to select a range of characters or characters after a particular index.

window.location.href.substring(10);

answered Oct 01 '21 at 17:37

George Sun

968
8
21

score 1 · Answer 3 · answered Oct 01 '21 at 17:56

1

To get the path, use the pathName.

console.log(window.location.pathname);
console.log((new URL('http://www.example.com/abc/123')).pathname);

There is no reason to split and use indexes.

answered Oct 01 '21 at 17:56

epascarello

204,599
20
195
236

score 0 · Accepted Answer · answered Oct 01 '21 at 17:40

Yes, you can get this done, using window.location.href.

Example output:

window.location.href: 'https://stackoverflow.com/questions/69409934/javascript-get-portion-of-a-page-url'

You can split this string now, and get desired part:

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

Output:

0: "https:"
1: ""
2: "stackoverflow.com"
3: "questions"
4: "69409934"
5: "javascript-get-portion-of-a-page-url"
length: 6

Now log this into console:

console.log(window.location.href.split('/')[3])

Your result:

'questions'

split() is a bad choice when it is built in.... – epascarello Oct 01 '21 at 17:55 — epascarello, Oct 01 '21 at 17:55

JavaScript get portion of a page URL

4 Answers4