📄 tutorial5_page1.htm
字号:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>HTML园地-JavaScript 教程</title>
<meta NAME="keywords"
CONTENT="javascript, hotwired, webmonkey, javascript, javascript tutorial, thau, dave thau, developer resource, developer, development, web
development, design, code, geek, warez, free, new, latest, news, tools,
info, tutorials, how-to, builder, web builder, pag">
<meta NAME="description"
CONTENT="Thau's JavaScript Tutorial: Day 1: Not only does Thau give the JavaScript skinny, but he'll have you writing your first script by the end of the day.">
<meta NAME="Template" CONTENT="E:\LIZEJUN\OFFICE\html.dot">
</head>
<body TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff">
<table CELLSPACING="0" BORDER="0" CELLPADDING="3" WIDTH="636">
<tr>
<td WIDTH="65%" VALIGN="MIDDLE"><b><font FACE="宋体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">Javascript</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">教程-第</font><font FACE="宋体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">5</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000">日</font></b><font
FACE="System,黑体" LANG="ZH-CN"><br>
<!-- BYLINE --> </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">作者:</font><a
HREF="mailto:thau@wired.com"><font FACE="宋体" LANG="ZH-CN" SIZE="2">Thau!</font></a><font
FACE="宋体" LANG="ZH-CN"> <!-- SEE ALSO LINKS --></font></td>
</tr>
<tr>
<td WIDTH="65%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">现在你已经了解了计算机编程的基本知识。我们接下来<br>
继续研究一下文件对象模块(</font><font FACE="宋体" LANG="ZH-CN">Document
Object <br>
Model</font><font FACE="System,黑体" LANG="ZH-CN">-</font><font FACE="宋体"
LANG="ZH-CN">DOM</font><font FACE="System,黑体" LANG="ZH-CN">)。</font><font
FACE="宋体" LANG="ZH-CN">DOM</font><font FACE="System,黑体" LANG="ZH-CN">的点击关系起始于窗口对象在每个窗<br>
口对象中是一个文件对象(</font><font FACE="宋体" LANG="ZH-CN">Document
object</font><font FACE="System,黑体" LANG="ZH-CN">)。我们将<br>
重点谈谈文件对象,看看如何利用它从你的用户获得各<br>
项信息,并且动态显示新的信息。<p>我们已经看国文件对象的一个属性-图象数组(</font><font
FACE="宋体" LANG="ZH-CN">Images <br>
array</font><font FACE="System,黑体" LANG="ZH-CN">)。在第</font><font FACE="宋体"
LANG="ZH-CN">3</font><font FACE="System,黑体" LANG="ZH-CN">课中,文件中第</font><font
FACE="宋体" LANG="ZH-CN">1</font><font FACE="System,黑体" LANG="ZH-CN">个图象可以通过改变其<br>
</font><font FACE="宋体" LANG="ZH-CN">src</font><font FACE="System,黑体" LANG="ZH-CN">属性被修改。</font>
</p>
<font FACE="System,黑体" LANG="ZH-CN"><p>例:<dir>
</font><pre>window.document.images[0].src='some_new_picture.gif';</pre>
</dir>
<font FACE="System,黑体" LANG="ZH-CN"><p>该命令将把文件中的第1个图象该到一个<tt>名为<br>
</font><font FACE="宋体" LANG="ZH-CN">some_new_picture.gif</font></tt><font
FACE="System,黑体" LANG="ZH-CN">的新图象。在DOM中,图象数组中<br>
的每个每个图象也是对象。所以</font><tt>images[0].src</tt><font
FACE="System,黑体" LANG="ZH-CN">指令象对<br>
对象那样发挥作用,它的意思就是:从</font><font FACE="宋体" LANG="ZH-CN">Image</font><font
FACE="System,黑体" LANG="ZH-CN">数组中调用<br>
</font><font FACE="宋体" LANG="ZH-CN">Image</font><font FACE="System,黑体"
LANG="ZH-CN">的中的对象</font><tt>image[0]</tt><font FACE="宋体" LANG="ZH-CN"> </font><font
FACE="System,黑体" LANG="ZH-CN">,并设定其</font><font FACE="宋体" LANG="ZH-CN">src</font><font
FACE="System,黑体" LANG="ZH-CN">属性。将其翻<br>
译过来即:从该窗口中调用文件(</font><font FACE="宋体" LANG="ZH-CN">document</font><font
FACE="System,黑体" LANG="ZH-CN">)属性,从<br>
该文件的图象数组中调用第</font><font FACE="宋体" LANG="ZH-CN">1</font><font
FACE="System,黑体" LANG="ZH-CN">幅图象,并将其</font><font FACE="宋体"
LANG="ZH-CN">src</font><font FACE="System,黑体" LANG="ZH-CN">属性该<br>
为<tt>图象</font><font FACE="宋体" LANG="ZH-CN">some_new_picture.gif</font></tt><font
FACE="System,黑体" LANG="ZH-CN">。</p>
</font><font FACE="宋体" LANG="ZH-CN"><p>Image</font><font FACE="System,黑体"
LANG="ZH-CN">对象还有其它很多有趣的属性,例如,你可以让<br>
</font><font FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体"
LANG="ZH-CN">在作其它事之前检查一幅图象是否已经完全<br>
载入。但是,我们只能在以后的课程中谈到这些属性。<br>
今天,我们将谈谈<a HREF="tppmsgs/msgs0.htm#85">反馈表单</a>及如何在</font><font
FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN">中应用<br>
反馈表单。<br>
<br>
第</font><font FACE="宋体" LANG="ZH-CN">2</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page2.htm">介绍反馈表单</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">3</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page3.htm">控制文字域的值</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">4</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page4.htm">文字域事件</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">5</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page5.htm">反馈表单处理器</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">6</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page6.htm">文字域的练习</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">7</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page7.htm">复选框</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">8</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page8.htm">单选框</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">9</font><font FACE="System,黑体" LANG="ZH-CN">页:<a
HREF="tutorial5_page9.htm">选单</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">10</font><font FACE="System,黑体"
LANG="ZH-CN">页:<a HREF="tutorial5_page10.htm">在选单中应用</font><font
FACE="宋体" LANG="ZH-CN">onchange</font><font FACE="System,黑体" LANG="ZH-CN">命令</a><br>
</p>
<p><br>
</p>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p><br>
<!-- AUTHOR TAGLINE --> </font></td>
</tr>
</table>
<font FACE="System,黑体" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -