Reading the Number of Anchors : Anchor « HTML « JavaScript DHTML






  1. JavaScript DHTML
  2. HTML
  3. Anchor

Reading the Number of Anchors

   
<HTML>
<HEAD>
<TITLE>document.anchors Property</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function goNextAnchor(where) {
    window.location.hash = where
}
</SCRIPT>
</HEAD>
<BODY>
<A NAME="start"><H1>Top</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="NEXT" onClick="goNextAnchor('sec1')">
</FORM>

<HR>
<A NAME="sec1"><H1>Section 1</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="NEXT" onClick="goNextAnchor('sec2')">
</FORM>
<HR>
<A NAME="sec2"><H1>Section 2</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="NEXT" onClick="goNextAnchor('sec3')">
</FORM>
<HR>
<A NAME="sec3"><H1>Section 3</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="BACK TO TOP" onClick="goNextAnchor('start')">
</FORM>
<HR><P>
<SCRIPT LANGUAGE="JavaScript">
document.write("<I>There are " + document.anchors.length + 
" anchors defined for this document</I>")
</SCRIPT>
</BODY>
</HTML>








Related examples in the same category

1.Anchor 'target' Example
2. A Document with Anchors
3.Properties of the Anchor Object
4.Anchors array
5.Return the number of anchors in a document
6.List anchor in a document
7.Anchor on mouse over event
8.Anchor on click event
9.on mouse over action for anchor link
10.Create a hyper link element and set the id and href attributes
11.Presenting Different Content for Scriptable and Nonscriptable Browsers
12.Links with Custom Status-Bar Messages
13.Create anchor tag and output
14.Using Anchors to Navigate Through a Page
15.String.link()