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 Base Object target Property .

Syntax: BaseObject.target="target" – Allows you to access the target window for an BaseObject, which is the default for all links on page.

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
 
    -->
 
    <base id="myBaseID" href="http://myqol.com" target="_blank"/>
 
   </head>
  <body>
      <a href="events_calendar.aspx" id="idEvents">Events</a><br /><br />
      <a href="news_list.aspx" id="idNews">News</a><br /><br />
      <a href="presenters.aspx" id="idPresenters">Presenters</a><br /><br />
      <a href="free_trial.aspx" id="idFreeTrial">Free Trial</a><br /><br />
 
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Base Object Properties   ***
       //*****************************************************
 
       //*****************************************************
       // target
       //*****************************************************
 
       //    SYNTAX:
       //    object.target=target  Allows you to retrieve or assign
       //                target window to Base object, which
       //                is the default for all links on page
 
       // Two ways to retrieve target   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('base')[0];
            document.write("Base - Using getElementsByTagName : " + myObject.target);
            document.write("<br />");
      //   2. GetElementById
            document.write("Base - Using getElementById: ");
            document.write(document.getElementById('myBaseID').target);
 
            document.write("<br /><br />");
       // Two ways to assign target
 
            //   1. GetElementById
            myThirdElement = document.getElementById('myBaseID');
            myThirdElement.target = "_self";
            document.write("<br />Base target changed to _self: ", myThirdElement.target);
 
       //   2. GetElementsByTagName      
            myFourthElement = document.getElementsByTagName('base')[0];
            myFourthElement.target = "_parent";
            document.write("<br />Base target changed to _parent: ", myFourthElement.target)
 
</script>
 
  </body>
</html>