Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links

Home

News

Presenters

Contact

Please login

JavaScript (JS) target Example

Description: Illustrates the JavaScript syntax for the Anchor Object target Property .

Syntax: anchorObject.target=_blank|_parent|_self|_top – Allows you to retrieve or assign target window for anchor objects.

JavaScript (JS) target Example Code:

< !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: target </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
   Here is a table of values for target:
    * _blank  - the target URL will open in a new window
    * _self   - the target URL will open in the same frame as it was clicked
    * _parent - the target URL will open in the parent frameset
    * _top    - the target URL will open in the full body of the window
 
    -->
 
 
 
   </head>
  <body>
      <a href="http://www.google.com" id="idGoogle" target="_blank">Google</a><br /><br />
      <a href="http://www.yahoo.com" id="idYahoo" target="_self">Yahoo</a><br /><br />
      <a href="http://idealprogrammer.com" id="idIdealProgrammer" target="_parent">IdealProgrammer</a><br /><br />
      <a href="http://myqol.com" id="idProgressMonitor" target="_top">ProgressMonitor</a><br /><br />
 
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Anchor Object Properties   ***
       //*****************************************************
 
       //*****************************************************
       // target
       //*****************************************************
 
       //    SYNTAX:
       //    anchorObject.target=_blank|_parent|_self|_top  Allows you to retrieve or
       //               assign a target window for anchorObject
 
       // Two ways to retrieve target  
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('a')[0];
            document.write("Google - Using getElementsByTagName : " + myObject.target);
            document.write("<br />");
      //   2. GetElementById
            document.write("Yahoo - Using getElementById: ");
            document.write(document.getElementById('idYahoo').target);
 
            document.write("<br /><br />");
       // Two ways to assign target
 
            //   1. GetElementById
            myThirdElement = document.getElementById('idIdealProgrammer');
            myThirdElement.target = "_top";
            document.write("<br />IdealProgrammer target changed to _top: ", myThirdElement.target);
 
       //   2. GetElementsByTagName      
            myFourthElement = document.getElementsByTagName('a')[3];
            myFourthElement.target = "_parent";
            document.write("<br />ProgressMonitor target changed to _parent: ", myFourthElement.target)
 
</script>
 
  </body>
</html>