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
– depperm, Commented Jul 6, 2015 at 19:40
possible duplicate of REGEX: Capture Filename from URL without file extention — DontVoteMeDown
– DontVoteMeDown, Commented Jul 6, 2015 at 19:42

ncubica · Accepted Answer · 2015-07-06 19:46:01Z

2

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. :)

answered Jul 6, 2015 at 19:46

ncubica

8,53510 gold badges58 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Liam Marshall · Accepted Answer · 2015-07-06 19:57:54Z

2

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 6, 2015 at 19:57

answered Jul 6, 2015 at 19:41

Liam Marshall

1,6932 gold badges14 silver badges22 bronze badges

1 Comment

Sudhansu Choudhary Over a year ago

First, the OP doesn't want .html to be in the output. Second, I wonder why use parser instead of regular expression, any advantages??

lssilveira · Accepted Answer · 2015-07-06 19:41:22Z

0

This might work for you:

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

answered Jul 6, 2015 at 19:41

lssilveira

627 bronze badges

Comments

Matt Zeunert · Accepted Answer · 2015-07-06 19:43:29Z

0

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

answered Jul 6, 2015 at 19:43

Matt Zeunert

16.6k7 gold badges56 silver badges83 bronze badges

Comments

user1009835 · Accepted Answer · 2015-07-06 19:43:58Z

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 6, 2015 at 19:43

user1009835

Collectives™ on Stack Overflow

remove text from url string javascript

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Linked

Related