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

.html

should return

wow

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

var url = document.URL;
document.getElementById("code").innerHTML = url.replace("/", " ");

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.

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

https://test.example./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./", " ");

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.

• javascript
• url
• replace

• after the replace you could do a substring upto the indexOf .html – depperm Commented Jul 6, 2015 at 19:40
• stackoverflow./a/3671574/1267304 – DontVoteMeDown Commented Jul 6, 2015 at 19:41
• possible duplicate of REGEX: Capture Filename from URL without file extention – DontVoteMeDown Commented Jul 6, 2015 at 19:42

5 Answers 5

Another possible way to do it.

var url = "https://test.example./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. :)

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

var parser = document.createElement('a');
parser.href = "http://example./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.

This might work for you:

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

You probably want to use regular expressions, like this:

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

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

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