Referrer Example JavaScript (JS): HTML DOM Objects – Document Object Properties – Referrer Example JavaScript (JS)

Posted by on Monday, January 4, 2010 · Leave a Comment 

Referrer Example JavaScript (JS): HTML DOM Objects – Document Object Properties – Referrer Example JavaScript (JS)

Purpose: – Illustrates the for the .

View Other HTML DOM Document Objects

Prerequistes:

Syntax: referrer – Allows you to access Referrer for the document

Restrictions: None

Notes:

  • You can build your own library of syntax examples by using same web site over and over and just add new files to it.

Instructions:

  1. Use Visual Web Developer 2008
  2. Create new web site;
    • Click File/New Web Site
    • Select ASP.NET Website Template
    • Select C-Sharp for Language
    • name of Web Site could be JavaScript_Syntax.

    3. Folder

  3. Add New folder named “HTMLDOMObjects”
    • Right-click project name in solution explorer;
    • add new folder;
    • name of folder should be: HTMLDOMObjects
  4. Add New subfolder to “HTMLDOMObjects” folder named “DocumentObjectProperties”
    • Right-click folder named “HTMLDOMObjects” in solution explorer;
    • add new folder;
    • name of folder should be: DocumentObjectProperties
  5. Add HTML Page Named ReferrerA to DocumentObjectProperties subfolder
    • Right-click DocumentObjectProperties subfolder;
    • add new item;
    • Select HTML Page
    • HTML Page name should be ReferrerA
  6. Click on copy code in first code section below to copy code into HTML Page ReferrerA.htm
    7. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: Referrer </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
   </head>
  <body>
  Click the following link to display page that will show the referrer: 
  <a href="Referrer.htm">Referrer</a>
 
 
 
  </body>
</html>
  7. Add HTML Page Named Referrer to DocumentObjectProperties subfolder
    • Right-click DocumentObjectProperties subfolder;
    • add new item;
    • Select HTML Page
    • HTML Page name should be Referrer
  8. Click on copy code in code below to copy code into HTML Page Referrer.htm
    9. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: Referrer </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
   </head>
  <body>
  The referrer was:
<script type="text/javascript">
 
    //*****************************************************
    // DOM Document
    //*****************************************************
 
 
    //*****************************************************
    //    ***    Document Object Properties   ***
    //*****************************************************
 
    //*****************************************************
    // Referrer
    //*****************************************************
 
    //    SYNTAX:
    //    referrer 	        Allows you to have access to the referrer
    //
 
 
    // write the domain
    document.write(document.referrer + "<br />")
 
</script>
 
 
  </body>
</html>
  9. Right-click on HTML page ReferrerA.htm and select view in browser
  10. Click on link in HTML page ReferrerA.htm to go to page Referrer

Filed under Code Samples · Tagged with , , , ,