How to Parse a URL in JavaScript
Sure there are plugins that will do this for you, but here’s a quick and easy way.
Posted in these interests:
Create an “a” tag and set the href to the URL you want to parse:
var parser = document.createElement("a"); parser.href = "http::8000/interests?query=1#bottom";Now use the parser object to get the URL parts:
parser.protocol; // =>"http:" parser.hostname; // => "howchoo.com" parser.port; // =>"8000" parser.pathname; // => "/interests" parser.search; // => "?query=1" parser.hash; // => "#bottom" parser.host; // => "howchoo.com:8000"This article expands on this idea to provide a little more functionality.
How to Parse a URL in JavaScript
Sure there are plugins that will do this for you, but here’s a quick and easy way.
Posted in these interests:
Create an “a” tag and set the href to the URL you want to parse:
var parser = document.createElement("a"); parser.href = "http::8000/interests?query=1#bottom";Now use the parser object to get the URL parts:
parser.protocol; // =>"http:" parser.hostname; // => "howchoo.com" parser.port; // =>"8000" parser.pathname; // => "/interests" parser.search; // => "?query=1" parser.hash; // => "#bottom" parser.host; // => "howchoo.com:8000"This article expands on this idea to provide a little more functionality.
How to Parse a URL in JavaScript
Sure there are plugins that will do this for you, but here’s a quick and easy way.
Posted in these interests:
Create an “a” tag and set the href to the URL you want to parse:
var parser = document.createElement("a"); parser.href = "http::8000/interests?query=1#bottom";Now use the parser object to get the URL parts:
parser.protocol; // =>"http:" parser.hostname; // => "howchoo.com" parser.port; // =>"8000" parser.pathname; // => "/interests" parser.search; // => "?query=1" parser.hash; // => "#bottom" parser.host; // => "howchoo.com:8000"This article expands on this idea to provide a little more functionality.
How to Parse a URL in JavaScript
Sure there are plugins that will do this for you, but here’s a quick and easy way.
Posted in these interests:
How to Parse a URL in JavaScript
javascriptwebdevPosted in these interests:
We’re hiring. Write for Howchoo
Create an “a” tag and set the href to the URL you want to parse:
var parser = document.createElement("a"); parser.href = "http::8000/interests?query=1#bottom";Now use the parser object to get the URL parts:
parser.protocol; // =>"http:" parser.hostname; // => "howchoo.com" parser.port; // =>"8000" parser.pathname; // => "/interests" parser.search; // => "?query=1" parser.hash; // => "#bottom" parser.host; // => "howchoo.com:8000"This article expands on this idea to provide a little more functionality.
Create an “a” tag and set the href to the URL you want to parse:
var parser = document.createElement("a"); parser.href = "http::8000/interests?query=1#bottom";Create an “a” tag and set the href to the URL you want to parse:
var parser = document.createElement("a"); parser.href = "http::8000/interests?query=1#bottom";Create an “a” tag and set the href to the URL you want to parse
Now use the parser object to get the URL parts:
parser.protocol; // =>"http:" parser.hostname; // => "howchoo.com" parser.port; // =>"8000" parser.pathname; // => "/interests" parser.search; // => "?query=1" parser.hash; // => "#bottom" parser.host; // => "howchoo.com:8000"Now use the parser object to get the URL parts:
parser.protocol; // =>"http:" parser.hostname; // => "howchoo.com" parser.port; // =>"8000" parser.pathname; // => "/interests" parser.search; // => "?query=1" parser.hash; // => "#bottom" parser.host; // => "howchoo.com:8000"Now use the parser object to get the URL parts
This article expands on this idea to provide a little more functionality.
This article expands on this idea to provide a little more functionality.
Further reading
We’re hiring. Write for Howchoo
Want to support Howchoo? When you buy a tool or material through one of our Amazon links, we earn a small commission as an Amazon Associate.