CODEWITHSUNDEEP
javascripturl
Constructor
Constructor

Reputation: 419

How to get URL from browser address bar?

I wanted to do some js analytics, so I would need to know how to get whatever the user entered in the address bar as a js variable so I can know what are the most common misspellings. That way I can make redirects for the most common misspellings to the correct adresses and reduce 404 page requests.

example of user input in browser:

https://stackoverflow.com/questions

.........................................

I have tried using 

document.location

but that shows what page the user is on (i.e. 404 page address), not what they have typed

Upvotes: 41

Views: 85341

Answers (6)

KARTHIKEYAN.A
KARTHIKEYAN.A

Reputation: 20148

JavaScript provides you many methods to get the current URL displaying in web browser address bar. You can use Location object property of the Window object to get these details.

  1. href => This will return the entire URL displaying in the address bar.
  2. host => This will return the hostname and port of the URL in address bar.
  3. hostname => This will return only the hostname of the URL in address bar.
  4. port => This will return only the port detail of the URL in address bar.
  5. protocol => This will return the protocol of the URL in address bar. Like the URL is using HTTP (without SSL) or HTTPS (with SSL).
  6. pathname => This will return the pathname (value after the domain name) of the URL in address bar.
  7. hashpathname => This will return the anchor portion of the URL including hash singh (#).
  8. search=> This will return the query portion of the URL like portion started with the question mark (?). 
    console.log(' href => ' + window.location.href);
console.log(' host => ' + window.location.host);
console.log(' hostname => ' + window.location.hostname);
console.log(' port => ' + window.location.port);
console.log(' protocol => ' + window.location.protocol);
console.log(' pathname => ' + window.location.pathname);
console.log(' hashpathname => ' + window.location.hash);
console.log(' search=> ' + window.location.search);

reference: https://tecadmin.net/get-current-url-web-browser-using-javascript/

Upvotes: 28

sanders
sanders

Reputation: 10898

javascript: alert(window.location.hostname);

If you want to show the pathname, replace .hostname with .pathname.

Upvotes: 0

Mark Ritterhoff
Mark Ritterhoff

Reputation: 138

This is a good way to get the Reload link address, if there is one, which should have the URL that was typed in to the address bar.

var arr = [], l = document.links;
for(var i=0; i<l.length; i++) {
  arr.push(l[i].href);
}

from: https://stackoverflow.com/a/3871370/1188090

Upvotes: 1

Chris Fletcher
Chris Fletcher

Reputation: 2387

Many content management systems preserve the url when you land on the 404 page, so you should be able to use document.location.href, then just check the analytics on the error page.

Upvotes: 1

Pointy
Pointy

Reputation: 413976

You're going to have to do this on the server, since that's where the original 404 response comes from. The server definitely receives the bad URL, so all that has to happen is that you make your server preserve those somewhere.

Upvotes: 3

jwueller
jwueller

Reputation: 31006

This gives you the exact url the user is on:

document.location.href

There is no way of determining what the user typed before the request is submitted (for security-reasons).

Upvotes: 43

Related Questions