How to get the directory part of current URL in JavaScript?

Question

I'm trying to add a "back to dir" button at the top of a web page, which would redirect the user to the same URL, but with no filename in it.

For example, clicking that button while viewing the URL

http://example.com/somedir/button.html

would redirect you to the

http://example.com/somedir/

So I've created the following code:

<html>
<body>

<input type="button"
value="back to dir"
onclick="top.location=document.URL.replace(/[^\]*$/, '')">

</body>
</html>

but I'm missing the correct code, which would shave away the filename from the current URL in document.URL

Does anybody have a good idea here please?

Here is the JSFiddle link: http://jsfiddle.net/afarber/PERBY/

And I'd prefer not to use jQuery this one time.

Abdul Rauf · Accepted Answer

Try this document.URL.substr(0,document.URL.lastIndexOf('/'))

It will work for sure!

Donate For Us