URI Parsing with Javascript

chrome-javsacript.js

new URL('https://gist.github.com/jlong/2428561?foo=bar#test');

//  =>
//
//    {
//        hash: "#test",
//        search: "?foo=bar",
//        pathname: "/jlong/2428561",
//        port: "",
//        hostname: "gist.github.com",
//        host: "gist.github.com",
//        password: "",
//        username: "",
//        protocol: "https:",
//        origin: "https://gist.github.com",
//        href: "https://gist.github.com/jlong/2428561?foo=bar#test"
//    }

vanilla-javascript.js

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"