js6.htm

这是一些关于JavaScript的学习资料 希望对大家有用

            （1）anchor锚对象：<BR>&nbsp;&nbsp;&nbsp; anchor对象指的是&lt;A Name=...&gt; 
            &lt;/A&gt;标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （2）链接links对象<BR>&nbsp;&nbsp;&nbsp; link对象指的是用&lt;A Href=...&gt; 
            &lt;/A&gt;标记的连接一个超文本或超媒体的元素作为一个特定的URL。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （3）窗体（Form）对象<BR>&nbsp;&nbsp;&nbsp; 
            窗体对象是文档对象的一个元素，它含有多种格式的对象储存信息，使用它可以在JavaScript脚本中编写程序进行文字输入，并可以用来动态改变文档的行为。通过document. 
            Forms[]数组来使得在同一个页面上可以有多个相同的窗体,使用forms[]数组要比使用窗体名字要方便得多。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            例:下面就是一个使用窗体数组和窗体名字的例子。该程序使得两个窗体中的字段内容保持一致。<BR>&nbsp;&nbsp;&nbsp; 
            Test6_1.htm<BR>&nbsp;&nbsp;&nbsp; &lt;html&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;head&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/head&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;body&gt;<BR>&nbsp;&nbsp;&nbsp; 
            试着在下面第一个文本框中填些东西，然后点击第二个文本框。&lt;p&gt;<BR>&nbsp;&nbsp;&nbsp; 
            看到了吧，在第二个文本框中出现了和第一个文本框相同的内容。<BR>&nbsp;&nbsp;&nbsp; &lt;form 
            &gt;<BR>&nbsp;&nbsp;&nbsp; &lt;input type=text 
            onChange="document.my.elements[0].value=this.value;" 
            &gt;<BR>&nbsp;&nbsp;&nbsp; &lt;/form&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;form NAME="my"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;input type=text 
            onChange="document.forms[0].elements[0].value=this.value;"&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/form&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/body&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/html&gt;<BR>&nbsp;&nbsp;&nbsp; 
            其中用了OnChnge事件(当窗体内容改变时激发)。第一个使用窗体名字标识my,第二个使用窗体数组Forms[]。其效果是一致。</FONT>
            <P><FONT size=2>2.文档对象中的attribute属性</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            document对象中的attribute属性，主要用于在引用Href标识时，控制着有关颜色的格式和有关文档标题、文档原文件的URL以及文档最后更新的日期。这部分元素的主要含义如下：</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （1）链接颜色：alinkcolor<BR>&nbsp;&nbsp;&nbsp; 
            这个元素主要用于，当选取一个链接时，链接对象本身的颜色就按alinkcolo r指定改变。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （2）链接颜色：linkcolor<BR>&nbsp;&nbsp;&nbsp; 当用户使用&lt;A Href=...&gt; Text 
            string &lt;/A&gt;链接后，Textstring的颜色就会按Linkcolor所指定的颜色更新。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （3）浏览过后的颜色：VlinkColor<BR>&nbsp;&nbsp;&nbsp; 
            该属性表示的是已被浏览存储为已浏览过的链接颜色。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （4）背景颜色：bgcolor<BR>&nbsp;&nbsp;&nbsp; 该元素包含文档背景的颜色。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （5）前景颜色：Fgcolor<BR>&nbsp;&nbsp;&nbsp; 该元素包含HTML文档中文本的前景颜色。</FONT>
            <P><FONT size=2>3.文档对象的基本元素</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; （1）窗体属性：<BR>&nbsp;&nbsp;&nbsp; 
            窗体属性是与HTML文档中&lt;Form&gt;...&lt;/Form&gt;相对应的一组对象在HTML文档所创建的窗体数，由length指定。通过document.forms.length反映该文档中所创建的窗体数目。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （2）锚属性：anchors<BR>&nbsp;&nbsp;&nbsp; 该属性中，包含了HTML文档的所有&lt;A&gt; 
            &lt;/A&gt;标记为Name=...的语句标识。所有“锚”的数目保存在document.anchors.length中。</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            （3）链接属性：links<BR>&nbsp;&nbsp;&nbsp; 
            链接属性是指在文档中&lt;A&gt;...&lt;/A&gt;的由Href=...指定的数目，其链接数目保存在document.links.length中。</FONT>
            <P><FONT size=2>三、范例</FONT>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            例1:下面我们通过一个例子来说明文档对象的综合应用。输出结果见图6-2所示。<BR>&nbsp;&nbsp;&nbsp; 
            Test6_2.htm<BR>&nbsp;&nbsp;&nbsp; &lt;html&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;head&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/head&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;body&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;Form 
            Name="mytable"&gt;<BR>&nbsp;&nbsp;&nbsp; 
            请输入数据：<BR>&nbsp;&nbsp;&nbsp; &lt;Input Type="text" Name="text1" 
            Value=""&gt; <BR>&nbsp;&nbsp;&nbsp; 
            &lt;/Form&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;A name="Link1" 
            href="test31.htm"&gt;链接到第一个文本&lt;/a&gt;&lt;br&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;A name="Link2" 
            href="test32.htm"&gt;链接到第二个文本&lt;/a&gt;&lt;br&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;A name="Link2" href="test33.htm"&gt;链接到第三个文本&lt;/a&gt;&lt;br&gt; 
            <BR>&nbsp;&nbsp;&nbsp; &lt;A 
            href="#Link1"&gt;第一锚点&lt;/a&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;A 
            href="#Link2"&gt;第二锚点&lt;/a&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;A 
            Href="#Link3"&gt;第三锚点&lt;/a&gt; <BR>&nbsp;&nbsp;&nbsp; 
            &lt;BR&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;Script 
            Language="JavaScript"&gt;<BR>&nbsp;&nbsp;&nbsp; 
            document.write("文档有"+document.links.length+"个链接"+"&lt;br&gt;");<BR>&nbsp;&nbsp;&nbsp; 
            document.write("文档有"+document.anchors.length+"个锚点"+"&lt;br&gt;");<BR>&nbsp;&nbsp;&nbsp; 
            document.write("文档有"+document.forms.length+"个窗体");<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/script&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/body&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;/html&gt;</FONT>
            <P align=center><IMG height=330 src="js6.files/image4.jpg" width=398 
            border=0></P>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            例子2：下列程序随机产生每日一语。<BR>&nbsp;&nbsp;&nbsp; 
            test6_3.html<BR>&nbsp;&nbsp;&nbsp; 
            &lt;HTML&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;HEAD&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;script 
            Language="JavaScript"&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;!--<BR>&nbsp;&nbsp;&nbsp; tips = new 
            Array(5);<BR>&nbsp;&nbsp;&nbsp; 
            tips[0]="欢迎浏览山西之窗网站";<BR>&nbsp;&nbsp;&nbsp; 
            tips[1]="我们的网址是：www.pinluo.com";<BR>&nbsp;&nbsp;&nbsp; 
            tips[2]="山西之窗为您提供了解山西的窗口";<BR>&nbsp;&nbsp;&nbsp; 
            tips[3]="这是我们关于JavaScript的教程";<BR>&nbsp;&nbsp;&nbsp; 
            tips[4]="祝您学习愉快！";<BR>&nbsp;&nbsp;&nbsp; index = 
            Math.floor(Math.random() * tips.length);<BR>&nbsp;&nbsp;&nbsp; 
            document.write("&lt;FONT SIZE=8 COLOR=DARKBLUE&gt;" + 
            tips[index]+"&lt;/FONT&gt;");<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/Script&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/HEAD&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/BODY&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/HTML&gt;<BR>&nbsp;&nbsp;&nbsp; 输出结果见下图所示。</FONT>
            <P align=center><IMG height=325 src="js6.files/image5.jpg" width=539 
            border=0>
            <P><FONT size=2>&nbsp;&nbsp;&nbsp; 
            本讲主要介绍了JavaScript对象系统的使用方法，其中重点介绍了文档对象及使用。</FONT></P></TD></TR>
        <TR>
          <TD>
            <P align=right>　
            <P align=right><FONT size=2><A 
            href="http://www.pinluo.com/book/javascript/js5.htm">上一页</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
            <A 
            href="http://www.pinluo.com/book/javascript/js7.htm">下一页</A></FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>