📄 tutorial5_page3.htm
字号:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>Webmonkey: javascript: Thau's JavaScript Tutorial: Day 1</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="709">
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" COLSPAN="12"><font FACE="宋体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000"></font><b><font FACE="System,黑体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000">第</font><font
FACE="宋体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000">3</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="67%" VALIGN="MIDDLE" COLSPAN="11" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN">将鼠标滑过该链接看看会发式什么事情。</font></td>
<td WIDTH="1%" VALIGN="MIDDLE" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="49%" VALIGN="MIDDLE" COLSPAN="8" BGCOLOR="#ffffff"><form>
<font FACE="宋体" LANG="ZH-CN"><p><input TYPE="text" NAME="first_text"
VALUE="Are you happy?" size="20"> </font></p>
</form>
</td>
<td WIDTH="18%" VALIGN="MIDDLE" COLSPAN="3" BGCOLOR="#ffffff"></td>
<td WIDTH="1%" VALIGN="MIDDLE" ROWSPAN="2" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="29%" VALIGN="MIDDLE" COLSPAN="7" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN"></font><font FACE="宋体" LANG="ZH-CN"><a HREF="#"><b>错误！超级链接引用无效。</b></a>
</font></td>
<td WIDTH="19%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="宋体" LANG="ZH-CN"><a HREF="#"><b>错误！超级链接引用无效。</b></a> </font></td>
<td WIDTH="18%" VALIGN="MIDDLE" COLSPAN="3" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="29%" VALIGN="TOP" COLSPAN="7" BGCOLOR="#ffffff"><dir>
<pre><big>
<form name="first_form">
<input type="text" name="first_text" value="Are you happy?">
</form>
</big></pre>
</dir>
</td>
<td WIDTH="37%" VALIGN="TOP" COLSPAN="4" BGCOLOR="#ffffff"></td>
<td WIDTH="1%" VALIGN="TOP" ROWSPAN="4" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="29%" VALIGN="MIDDLE" COLSPAN="7" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN">改变文字域的链接为：</font></td>
<td WIDTH="37%" VALIGN="TOP" COLSPAN="4" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="29%" VALIGN="TOP" COLSPAN="7" BGCOLOR="#ffffff"><pre>
<a href="#"
onMouseOver="window.document.first_form.first_text.value='Clap clap!';">
Yes, and I know it.</a>
<a href="#"
onMouseOver="window.document.first_form.first_text.value='Sour puss!';">
No!</a>
</pre>
</td>
<td WIDTH="37%" VALIGN="TOP" COLSPAN="4" ROWSPAN="2" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="29%" VALIGN="MIDDLE" COLSPAN="7" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN"></font><tt>window.document.first_form.first_text.value='Clap clap!'</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2"><br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">意思是说，表单调用第</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">1</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">个表单，并将其值设为</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">
'Clap clap!'</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">第<br>
</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">2</font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">行作用相似。这同改变图象的</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">src</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">非常相似。只不过文字域改变<br>
的是值。</font><font FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>对</font><font FACE="宋体" LANG="ZH-CN"
SIZE="2">textareas</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">也可以采用类似的方法改变值</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">:</font></td>
</tr>
<tr>
<td WIDTH="28%" VALIGN="MIDDLE" COLSPAN="4" BGCOLOR="#ffffff"><form>
<font FACE="宋体" LANG="ZH-CN" SIZE="2"><p><textarea ROWS="10" COLS="60"
NAME="the_textarea">Mouse over below to see the first verse of The Webmonkey song, adapted from "I Wanna Be Like You" (The Monkey Song) from Walt Disney's The Jungle Book written by Richard M. Sherman and Robert B. Sherman </textarea>
</font></p>
</form>
</td>
<td WIDTH="1%" VALIGN="MIDDLE" COLSPAN="2" BGCOLOR="#ffffff"></td>
<td WIDTH="37%" VALIGN="TOP" COLSPAN="4" BGCOLOR="#ffffff"></td>
<td WIDTH="2%" VALIGN="TOP" COLSPAN="2" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="19%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="宋体" LANG="ZH-CN" SIZE="2"><a HREF="#"><b>错误！超级链接引用无效。</b></a>
</font></td>
<td WIDTH="9%" VALIGN="MIDDLE" COLSPAN="3" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN"></font><font FACE="宋体" LANG="ZH-CN" SIZE="2"><a HREF="#"><b>错误！超级链接引用无效。</b></a>
</font></td>
<td WIDTH="1%" VALIGN="MIDDLE" COLSPAN="2" BGCOLOR="#ffffff"></td>
<td WIDTH="37%" VALIGN="TOP" COLSPAN="4" ROWSPAN="2" BGCOLOR="#ffffff"></td>
<td WIDTH="2%" VALIGN="TOP" COLSPAN="2" ROWSPAN="2" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="27%" VALIGN="TOP" COLSPAN="3" BGCOLOR="#ffffff"><pre>
<a href="#"
onMouseOver="window.document.form_two.the_textarea.value=first_part;">
Part 1</a>
<a href="#"
onMouseOver="window.document.form_two.the_textarea.value=second_part;">
Part 2</a>
</pre>
</td>
<td WIDTH="2%" VALIGN="TOP" COLSPAN="3" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="26%" VALIGN="MIDDLE" COLSPAN="2" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN"></font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">唯一的不同之处在于将一个变量赋值给<br>
</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">textareas</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">，而不是将字符串赋值给它。该变量在<br>
</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">HTML</font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">首部已经做了定义。以下是变量的字符串赋<br>
值：</font><font FACE="宋体" LANG="ZH-CN" SIZE="2"> </font></td>
<td WIDTH="2%" VALIGN="TOP" COLSPAN="3" BGCOLOR="#ffffff"></td>
<td WIDTH="37%" VALIGN="TOP" COLSPAN="4" ROWSPAN="4" BGCOLOR="#ffffff"></td>
<td WIDTH="3%" VALIGN="TOP" COLSPAN="3" ROWSPAN="4" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="26%" VALIGN="TOP" COLSPAN="2" BGCOLOR="#ffffff"><pre>
var first_part = "Now I'm the king of the swingers\nOh,
the jungle VIP\nI've reached the top and had to stop\nAnd
that's what botherin' me";
</pre>
</td>
<td WIDTH="2%" VALIGN="TOP" COLSPAN="3" ROWSPAN="3" BGCOLOR="#ffffff"></td>
</tr>
<tr>
<td WIDTH="26%" VALIGN="MIDDLE" COLSPAN="2" BGCOLOR="#ffffff"><font FACE="System,黑体"
LANG="ZH-CN"></font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">注意</font><tt>"\n"</tt><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">是换行符。如果你在一个</font><tt><pre></tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">并且或在<br>
一个</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">textarea</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">中写字，</font><tt>"\n"</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">换行符非常方便。<p>除了改变表单元素的值，</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript</font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">还可以让你检<br>
测在表单中进行的事件。</font><font FACE="宋体" LANG="ZH-CN" SIZE="2"> </font></td>
</tr>
<tr>
<td WIDTH="26%" VALIGN="TOP" COLSPAN="2" BGCOLOR="#ffffff"><!-- PAGE X LINKS --><font FACE="System,黑体"
LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">1</font><font FACE="System,黑体"
LANG="ZH-CN">页：<a HREF="tutorial5_page1.htm">第</font><font FACE="宋体"
LANG="ZH-CN">5</font><font FACE="System,黑体" LANG="ZH-CN">日课程介绍</a><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><br>
</p>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p><br>
<!-- AUTHOR TAGLINE --> </font><font FACE="System,黑体" LANG="ZH-CN">通过改变文字域的值就可实现这种奇妙的变换。</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">表单编码：<dir>
</font><pre><form name="form_two">
<textarea name="the_textarea" rows=10 cols=60>
Mouse over below to see the first verse of
The Webmonkey song, adapted from
"I Wanna Be Like You" (The Monkey Song)
from Walt Disney's <cite>The Jungle Book
</cite>
written by Richard M. Sherman and Robert B. Sherman
</textarea>
</form>
</pre>
</dir>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>注意该表单有一个名字：</font><tt>form_two</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2">,</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">，并且文字区也有一个名字：<br>
</font><tt>the_textarea</tt><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">。</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </p>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>其链接和文字域的设定方法基本相同：</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" COLSPAN="12"></td>
</tr>
</table>
<font FACE="System,黑体" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -