javascript對象系統的使用 3、文檔對象的基本元素 (1)窗體屬性: 窗體屬性是與HTML文檔中<Form>...</Form>相對應的一組對象在HTML文檔所創建的窗體數,由length指定。通過document.forms.length反映該文檔中所創建的窗體數目。 (2)錨屬性:anchors 該屬性中,包含了HTML文檔的所有<A> </A>標記爲Name=...的語句標識。所有“錨”的數目保存在document.anchors.length中。 (3)鏈接屬性:links 鏈接屬性是指在文檔中<A>...</A>的由Href=...指定的數目,其鏈接數目保存在document.links.length中。
三、範例 例1:下面我們通過一個例子來說明文檔對象的綜合應用。輸出結果見圖6-2所示。 Test6_2.htm
<html> <head> </HEAD> <BOdy> <Form Name="mytable"> 請輸入數據: <Input Type="text" Name="text1" Value=""> </Form> <A name="Link1" href="test31.htm">鏈接到第一個文本</a><br> <A name="Link2" href="test32.htm">鏈接到第二個文本</a><br> <A name="Link2" href="test33.htm">鏈接到第三個文本</a><br> <A href="#Link1">第一錨點</a> <A href="#Link2">第二錨點</a> <A Href="#Link3">第三錨點</a> <BR> <Script Language="javascript"> document.write("文檔有"+document.links.length+"個鏈接"+"<br>"); document.write("文檔有"+document.anchors.length+"個錨點"+"<br>"); document.write("文檔有"+document.forms.length+"個窗體"); </script> </body> </HTML>
|
圖6-2 例子2:下列程序隨機產生每日一語。 test6_3.html
<HTML> <HEAD> <script Language="javascript"> <!-- tips = new Array(6); tips[0]="每日一語(1)"; tips[1]="每日一語(2)"; tips[2]="每日一語(3)"; tips[3]="每日一語(4)"; tips[4]="每日一語(5)"; tips[5]="每日一語(6)"; index = Math.floor(Math.random() * tips.length); document.write("<FONT SIZE=8 COLOR=DARKBLUE>" + tips[index]+"</FONT>"); </Script> </HEAD> </BODY> </HTML>
| 輸出結果見圖6-3所示。 圖6-3 本講主要介紹了javascript對象系統的使用方法,其中重點介紹了文檔對象及使用。 |