Strip domain name from url (string)

Question

I'm accessing the stylesheet collection like this:

var css = document.styleSheets[0];

It returns eg. http://www.mydomain.com/css/main.css

Question: how can I strip the domain name to just get /css/main.css ?

Answer 1

This regular expression should do the trick. It will replace any domain name found with an empty string. Also supports https://

//css is currently equal to http://www.mydomain.com/css/main.css    
css = css.replace(/https?:\/\/[^\/]+/i, "");

This will return /css/main.css

Answer 2

You can use a trick, by creating a <a>-element, then setting the string to the href of that <a>-element and then you have a Location object you can get the pathname from.

You could either add a method to the String prototype:

String.prototype.toLocation = function() {
    var a = document.createElement('a');
    a.href = this;
    return a;
};

and use it like this:
css.toLocation().pathname

or make it a function:

function toLocation(url) {
    var a = document.createElement('a');
    a.href = url;
    return a;
};

and use it like this:
toLocation(css).pathname

both of these will output: "/css/main.css"

Answer 3

How about:

css = document.styleSheets[0];
cssAry = css.split('/');

domain = cssAry[2];
path = '/' + cssAry[3] + '/' + cssAry[4];

This technically gives you your domain and path.

Answer 4

css = css.replace('http://www.mydomain.com', '');