JavaScript (JS) href Example: HTML DOM Objects – Base Object – JavaScript (JS) href Example
3-Minute Video Tour of LearnVisualStudio.NET by Bob Tabor
Premium (Not Free) Video Tutorials
Free Video Tutorials & Free Tools
JavaScript (JS) href Example: HTML DOM Objects – Base Object – JavaScript (JS) href Example
Purpose: – Illustrates the JavaScript syntax for the Base Object href Property .
Prerequistes:
- Install Visual Web Developer 2008
Syntax: BaseObject.href="url" – Allows you to access the href for an BaseObject.
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:
- Use Visual Web Developer 2008
- 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.
- Add New folder named "HTMLDOMObjects"
- Right-click project name in solution explorer;
- add new folder;
- name of folder should be: HTMLDOMObjects
- Add New subfolder to "HTMLDOMObjects" folder named "DOMBase"
- Right-click folder named "HTMLDOMObjects" in solution explorer;
- add new folder;
- name of folder should be: DOMBase
- Add New subfolder to "DOMBase" subfolder named "BaseObjectProperties"
- Right-click subfolder named "DOMBase" in solution explorer;
- add new folder;
- name of folder should be: BaseObjectProperties
- Add HTML Page Named href to BaseObjectProperties subfolder
- Right-click BaseObjectProperties subfolder;
- add new item;
- Select HTML Page
- HTML Page name should be href
- Click on copy code in code below to copy code into HTML Page href.htm
- Right-click on HTML page href.htm and select view in browser
| HTML | | | | ? |
< !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> |
Related posts:
- JavaScript (JS) href Example: HTML DOM Objects – Anchor Object – JavaScript (JS) href Example JavaScript (JS) href Example: HTML DOM Objects - Anchor Object...
- JavaScript (JS) href Example: HTML DOM Objects – Area Object – JavaScript (JS) href Example JavaScript (JS) href Example: HTML DOM Objects - Area Object...
- Javascript (JS) Base Examples: HTML DOM Object- Javascript (JS) Base Examples Javascript (JS) Base Examples: HTML DOM Object- Javascript (JS) Base...
- JavaScript (JS) protocol Example: HTML DOM Objects – Area Object – JavaScript (JS) protocol Example JavaScript (JS) protocol Example: HTML DOM Objects - Area Object...
- JavaScript (JS) shape Example: HTML DOM Objects – Area Object – JavaScript (JS) shape Example JavaScript (JS) shape Example: HTML DOM Objects - Area Object...
Related posts brought to you by Yet Another Related Posts Plugin.
Whether you are a fan of NFL or MLB teams or hip-hop bands, we are willing to be your first choice by offering the competitive price and best selection of new era hats with the best service. Our store provide first-class service and reliable quality guarantee, do not hesitate to shake hands with us and go with the trend as soon as possible! Just do what you want along with your active heart.