How to strip all parameters and the domain name from a URL using javascript?

Question

Given a series of URLs

http://www.anydotcom.com/myfolder/some-url.html
http://www.anydotcom.com/myfolder2/index.html#
http://www.anydotcom.com/myfolder3/index.html?someParam=aValue
http://www.anydotcom.com/foldername/index.html?someParam=anotherValue

First, how could I strip anything off the end of the URL so that I end up with

http://www.anydotcom.com/myfolder/some-url.html
http://www.anydotcom.com/myfolder2/index.html
http://www.anydotcom.com/myfolder3/index.html
http://www.anydotcom.com/foldername/index.html

or, ideally, I would like it to return

/myfolder/some-url.html
/myfolder2/index.html
/myfolder3/index.html
/foldername/index.html

I've tried

    var thisUrl = "" + window.location;
    var myRegExp = new RegExp("([^(\?#)]*)");
    thisUrl = myRegExp.exec(thisUrl);

but this returns

http://www.anydotcom.com/foldername/index.html,http://www.anydotcom.com/foldername/index.html

and I don't quite understand why.

I appreciate any help here!

Peter Bailey · Accepted Answer · 2009-08-06 14:38:55Z

2

Well, to answer your question directly, here's the regular expression to do that.

thisUrl = thisUrl.replace( /^https?:\/\/[^\/]|\?.*$/g, '' );

However, since you mention window.location in your code, you can actually get this data straight from the location object.

thisUrl = top.location.pathname;

answered Aug 6, 2009 at 14:38

Peter Bailey

106k32 gold badges186 silver badges206 bronze badges

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

2 Comments

user151822 Over a year ago

Thank you for answering my original question first before showing me the error of my ways! I definitely need to start researching existing properties of an object before trying to reinvent the wheel.

Greg Pettit Over a year ago

That regex is removing the first character.

Andrew Moore · Accepted Answer · 2009-08-06 14:42:21Z

1

If you are using window.location, you can simply access the wanted data by using:

var thisUrl = window.location.pathname;

If you are extracting stuff from links, the following regular expression will get you what you need:

// Supports all protocols (file, ftp, http, https, whatever)
var pathExtract = /^[a-z]+:\/\/\/?[^\/]+(\/[^?]*)/i;
var thisUrl = (pathExtract.exec(someUrl))[1];

edited Aug 6, 2009 at 14:42

answered Aug 6, 2009 at 14:34

Andrew Moore

95.8k30 gold badges167 silver badges175 bronze badges

1 Comment

user151822 Over a year ago

Ugh. That's what I get for not completely checking out the location object. Thank you for the quick answer.

Josh Stodola · Accepted Answer · 2009-08-06 14:35:58Z

0

Javascript location object

var loc = window.location;
var thisUrl = loc.protocol + "//" + loc.hostname + loc.pathname;

answered Aug 6, 2009 at 14:35

Josh Stodola

82.8k48 gold badges187 silver badges229 bronze badges

Comments

dfa · Accepted Answer · 2009-08-06 14:41:56Z

0

using the object window.location is simple as write:

function getPath() {
    return window.location.pathname;
}

answered Aug 6, 2009 at 14:41

dfa

117k32 gold badges193 silver badges229 bronze badges

Collectives™ on Stack Overflow

How to strip all parameters and the domain name from a URL using javascript?

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related