{"id":796,"date":"2012-06-24T13:52:37","date_gmt":"2012-06-24T20:52:37","guid":{"rendered":"http:\/\/virendrachandak.wordpress.com\/?p=796"},"modified":"2014-12-12T08:43:46","modified_gmt":"2014-12-12T16:43:46","slug":"get-various-parts-url-using-javascript","status":"publish","type":"post","link":"https:\/\/www.virendrachandak.com\/techtalk\/get-various-parts-url-using-javascript\/","title":{"rendered":"Get various parts of URL using JavaScript"},"content":{"rendered":"

Recently I wanted to get a domain name of the page on which I was currently on. I was trying to parse the entire URL of the page and then parse it using regular expressions etc. to get the domain name. I was able to get the required information using this method, but then I thought that this is something for which there should be an easier way, and indeed there is an easier way.<\/p>\n

We can use the Location Object to get all the various parts of the URL. (e.g. window.location.href to get the entire URL)<\/p>\n

Note<\/strong>: There is no public standard that applies to the location object, but all major browsers support it.
\n
\nA URL may consists of as many as 6 parts. My previous blog post “Parts of URL<\/a>” explains the different parts of a URL. <\/p>\n

Now, we will see how we can get all these different parts of the URL using the Location object. We can use the different properties of the Location object to get all the parts. <\/p>\n\n\n\n\n\n\n\n\n\n\n
Property<\/th>\nDescription<\/th>\n<\/tr>\n
hash<\/td>\nReturns anchor portion of the URL, including the leading hash. (“#results”)<\/td>\n<\/tr>\n
host<\/td>\nReturns the hostname and port (if available) of a URL. (“www.example.com” or “www.example.com:80”)<\/td>\n<\/tr>\n
hostname<\/td>\nReturns the hostname portion of the URL (“www.example.com”)<\/td>\n<\/tr>\n
href<\/td>\nReturns the entire URL. (“http:\/\/www.example.com:80\/example.php?x=1&y=2#results”)<\/td>\n<\/tr>\n
pathname<\/td>\nReturns the path name of the URL (“\/example.php”)<\/td>\n<\/tr>\n
port<\/td>\nReturns the port portion of the URL (“80” within the host “www.example.com:80”)<\/td>\n<\/tr>\n
protocol<\/td>\nReturns the protocol portion of the URL, including the trailing colon (“http:”, “https:”, “ftp:”, etc)<\/td>\n<\/tr>\n
search<\/td>\nReturns the query portion of the URL, including the question mark (“?x=1&y=2”)<\/td>\n<\/tr>\n<\/table>\n
\n

Related Articles<\/strong>:<\/p>\n