document.referrer and document.location difference?

Hello Ben,

Document Referrer Return A URL of Page Before Redirect To This Page. For Example :

You Start with Page http://example.com/ and Click The Link To Your Website or Embed Your Website in The Iframe : http://bentheexample.com

In Your Website : benthexample.com , The Document Referrer Code Will Return The The URL That Refer To You = http://bentheexample.com

However , The Document Location Will Return Your Current URL :

http://bentheexample.com

References :

https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer

https://developer.mozilla.org/en-US/docs/Web/API/Document/location

You can browse around the web and Run This Script on Google Chrome Inspector Console :

For Depth Tutorial about Chrome Inspector Tools Workshop : https://teamtreehouse.com/library/website-optimization/chrome-devtools-basics/the-console-panel-2

To Open a Inspector Console on Google Chrome : Right Click -> Inspect and Click on Console Between The Element and Sources and Paste These Code Below in to console. Document Location

alert(document.location);

Document Referrer

alert(document.referrer);

Thanks.