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) href Example

Description: Illustrates the JavaScript syntax for the Base Object href Property .

Syntax: BaseObject.href="url" – Allows you to access the href for an BaseObject.

JavaScript (JS) href 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: href </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
 
 
    -->
 
    <base id="myBaseID" href="http://myqol.com" />
 
   </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   ***
       //*****************************************************
 
       //*****************************************************
       // href
       //*****************************************************
 
       //    SYNTAX:
       //    object.href=href  Allows you to retrieve or assign  
       //               href to Base object
 
       // Two ways to retrieve href   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('base')[0];
            document.write("Base - Using getElementsByTagName : " + myObject.href);
            document.write("<br />");
      //   2. GetElementById
            document.write("Base - Using getElementById: ");
            document.write(document.getElementById('myBaseID').href);
 
            document.write("<br /><br />");
       // Two ways to assign href
 
            //   1. GetElementById
            myThirdElement = document.getElementById('myBaseID');
            myThirdElement.href = "http://www.google.com";
            document.write("<br />IdealProgrammer href changed to google: ", myThirdElement.href);
 
       //   2. GetElementsByTagName      
            myFourthElement = document.getElementsByTagName('base')[0];
            myFourthElement.href = "http://www.yahoo.com";
            document.write("<br />ProgressMonitor href changed to yahoo: ", myFourthElement.href)
 
</script>
 
  </body>
</html>