remove text from url string javascript

Question

I want to display, with javascript, just the filename of the page the user is on. For example,

https://test.example.com/wow.html

should return

wow

I was trying to use the replace() method, like so:

var url = document.URL;
document.getElementById("code").innerHTML = url.replace("http://test.example.com/", " ");

But I can't figure out how to remove the .html extension as well, or also replace https urls. Is there a better way to do this?

Thanks.

after the replace you could do a `substring` upto the `indexOf` .html — depperm, Jul 06 '15 at 19:40
possible duplicate of [REGEX: Capture Filename from URL without file extention](http://stackoverflow.com/questions/3671522/regex-capture-filename-from-url-without-file-extention) — DontVoteMeDown, Jul 06 '15 at 19:42

Liam Marshall · Answer 1 · 2015-07-06T19:57:54.303

1

There's a little hack using an <a> element that works as such:

var parser = document.createElement('a');
parser.href = "http://example.com/foo.html";
parser.pathname; // => "/foo.html"

You can parse off the / and the .html however you want, but you'll always get the correct path back from .pathname.

See here for more info about this method.

edited Jul 06 '15 at 19:57

answered Jul 06 '15 at 19:41

Liam Marshall

1,353
1
12
21

First, the OP doesn't want `.html` to be in the output. Second, I wonder why use parser instead of regular expression, any advantages?? – Sudhansu Choudhary Jul 06 '15 at 19:48

score 1 · Accepted Answer · answered Jul 06 '15 at 19:46

Another possible way to do it.

var url = "https://test.example.com/wow.html"

var urlSplit = url.split("/");
var name = urlSplit[urlSplit.length-1].split(".")[0];
console.log(name);

// this will fail of course with a name like my.page.html but this is just to give another alternative. :)

score 0 · Answer 3 · answered Jul 06 '15 at 19:41

0

This might work for you:

document.getElementById("code").innerHTML = url.substring(url.lastIndexOf("/"), url.lastIndexOf("."));

answered Jul 06 '15 at 19:41

lssilveira

62
7

score 0 · Answer 4 · answered Jul 06 '15 at 19:43

You probably want to use regular expressions, like this:

"https://test.example.com/wow.html".match(/https?:\/\/test\.example\.com\/(\w*).html/)
// Returned list: ["https://test.example.com/wow.html", "wow"]

When starting out a tool like Regex101 can be useful to make sense of the expression:

enter image description here

score 0 · Answer 5 · answered Jul 06 '15 at 19:43

0

var text = "https://test.example.com/wow.html";
var new_text = text.slice(text.indexOf("//") + 2, text.indexOf(".html")).split('/');
console.log(new_text[1]);

answered Jul 06 '15 at 19:43

Nu Gnoj Mik

994
3
10
25

remove text from url string javascript

5 Answers5