javascript6.htm

javascript基础教程适合初学javascript的人下载一个很快就能掌握其中的知识.

    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">２、文档对象中的attribute属性</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　document对象中的attribute属性，主要用于在引用Href标识时，控制着有关颜色的格式和有关文档标题、文档原文件的URL以及文档最后更新的日期。这部分元素的主要含义如下：</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（１）链接颜色：alinkcolor</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">这个元素主要用于，当选取一个链接时，链接对象本身的颜色就按alinkcolo 
    r指定改变。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（２）链接颜色：linkcolor</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">当用户使用&lt;A 
    Href=...&gt; Text string &lt;/A&gt;链接后，Textstring的颜色就会按Linkcolor所指定的颜色更新。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（３）浏览过后的颜色：VlinkColor</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">该属性表示的是已被浏览存储为已浏览过的链接颜色。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（４）背景颜色：bgcolor</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">该元素包含文档背景的颜色。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（５）前景颜色：Fgcolor</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">该元素包含HTML文档中文本的前景颜色。</font></span></p>
    <p>　</p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">３、文档对象的基本元素</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（１）窗体属性：</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　窗体属性是与HTML文档中&lt;Form&gt;...&lt;/Form&gt;相对应的一组对象在HTML文档所创建的窗体数，由length指定。通过document.forms.length反映该文档中所创建的窗体数目。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（２）锚属性：anchors</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　该属性中，包含了HTML文档的所有&lt;A&gt; 
    &lt;/A&gt;标记为Name=...的语句标识。所有“锚”的数目保存在document.anchors.length中。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">（３）链接属性：links</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　链接属性是指在文档中&lt;A&gt;...&lt;/A&gt;的由Href=...指定的数目，其链接数目保存在document.links.length中。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>三、范例</b></font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">例1:下面我们通过一个例子来说明文档对象的综合应用。输出结果见图6-2所示。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Test6_2.htm</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;html&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;head&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/HEAD&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;BOdy&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;Form 
    Name=&quot;mytable&quot;&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">请输入数据：</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;Input 
    Type=&quot;text&quot; Name=&quot;text1&quot; Value=&quot;&quot;&gt; </font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/Form&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;A 
    name=&quot;Link1&quot; href=&quot;test31.htm&quot;&gt;链接到第一个文本&lt;/a&gt;&lt;br&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;A 
    name=&quot;Link2&quot; href=&quot;test32.htm&quot;&gt;链接到第二个文本&lt;/a&gt;&lt;br&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;A 
    name=&quot;Link2&quot; href=&quot;test33.htm&quot;&gt;链接到第三个文本&lt;/a&gt;&lt;br&gt; 
    </font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;A 
    href=&quot;#Link1&quot;&gt;第一锚点&lt;/a&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;A 
    href=&quot;#Link2&quot;&gt;第二锚点&lt;/a&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;A 
    Href=&quot;#Link3&quot;&gt;第三锚点&lt;/a&gt; </font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;BR&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;Script 
    Language=&quot;JavaScript&quot;&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.write(&quot;文档有&quot;+document.links.length+&quot;个链接&quot;+&quot;&lt;br&gt;&quot;);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.write(&quot;文档有&quot;+document.anchors.length+&quot;个锚点&quot;+&quot;&lt;br&gt;&quot;);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.write(&quot;文档有&quot;+document.forms.length+&quot;个窗体&quot;);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/script&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/body&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/HTML&gt;</font></span><dir>
      <dir>
        <dir>
          <dir>
            <dir>
              <dir>
                <p><img src="javascript/Image3.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Image3.gif" width="398" height="330"
                alt="Image3.gif (15400 字节)"><dir>
                  <dir>
                    <dir>
                      <dir>
                        <dir>
                        <dir>
                        <dir>
                        <dir>
                        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">图6-2</font></span></p>
                        <p>　</p>
                        </dir>
                        </dir>
                        </dir>
                        </dir>
                      </dir>
                    </dir>
                  </dir>
                </dir>
              </dir>
            </dir>
          </dir>
        </dir>
      </dir>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">例子2：下列程序随机产生每日一语。</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">test6_3.html</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;HTML&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;HEAD&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;script 
    Language=&quot;JavaScript&quot;&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;!--</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips = new 
    Array(6);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips[0]=&quot;每日一语（1）&quot;;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips[1]=&quot;每日一语（2）&quot;;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips[2]=&quot;每日一语（3）&quot;;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips[3]=&quot;每日一语（4）&quot;;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips[4]=&quot;每日一语（5）&quot;;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">tips[5]=&quot;每日一语（6）&quot;;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">index = 
    Math.floor(Math.random() * tips.length);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.write(&quot;&lt;FONT 
    SIZE=8 COLOR=DARKBLUE&gt;&quot; + tips[index]+&quot;&lt;/FONT&gt;&quot;);</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/Script&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/HEAD&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/BODY&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/HTML&gt;</font></span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">输出结果见图6-3所示。</font></span></p>
    <p>　<dir>
      <dir>
        <dir>
          <dir>
            <dir>
              <dir>
                <p><img src="javascript/Image10.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Image10.gif" width="398" height="264"
                alt="Image10.gif (12780 字节)"><span style="color: rgb(125,125,125)" class="text"><font
                lang="ZH-CN">图6-3</font></span></p>
                <p>　</p>
              </dir>
            </dir>
          </dir>
        </dir>
      </dir>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">　　本讲主要介绍了JavaScript对象系统的使用方法，其中重点介绍了文档对象及使用。</font></span></td>
  </tr>
</table>

<p align="center"><small><a href="JavaScript5.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript5.htm">上一页</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="JavaScript7.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript7.htm">下一页</a></small></p>
</body>
</html>