JavaScript教程--從入門到精通(六)

JavaScript教程--從入門到精通(六)

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對象系統的使用方法,其中重點介紹了文檔對象及使用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章