📄 tutorial4_page13.htm
字号:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>tutorial4_page131</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="784">
<tr>
<td WIDTH="73%" VALIGN="MIDDLE"><font FACE="宋体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000"></font><b><font
FACE="System,黑体" LANG="ZH-CN" COLOR="#ff0000">第</font><font FACE="宋体"
LANG="ZH-CN" COLOR="#ff0000">13</font><font FACE="System,黑体" LANG="ZH-CN"
COLOR="#ff0000">页</font><font FACE="宋体" LANG="ZH-CN" COLOR="#ff0000">: </font><font
FACE="System,黑体" LANG="ZH-CN" 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="73%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2"></font></td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><nobr><font FACE="System,黑体"
LANG="ZH-CN"><p ALIGN="JUSTIFY">尽管无参数的函数在减少写源码工作量，</font><font
FACE="宋体" LANG="ZH-CN">HTML</font><font FACE="System,黑体" LANG="ZH-CN">源码可读<br>
性上很有用，但有参数的函数会更为有用。</p>
<p ALIGN="JUSTIFY">上一例中，当返回的分、秒值小于</font><font FACE="宋体"
LANG="ZH-CN"><big>10</big></font><font FACE="System,黑体" LANG="ZH-CN">时会有问题发生。<br>
我们想要看到的秒值是</font><font FACE="宋体" LANG="ZH-CN"><big>04</big></font><font
FACE="System,黑体" LANG="ZH-CN">而非</font><font FACE="宋体" LANG="ZH-CN"><big>4</big></font><font
FACE="System,黑体" LANG="ZH-CN">。我们可以这样做：</p>
<p></font></nobr> </td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var the_minute = the_date.getMinutes();
if (the_minute < 10)
{
the_minute = "0" + the_minute;
}
var the_second = the_date.getSeconds();
if (the_second < 10)
{
the_second = "0" + the_second;
}
</pre>
</td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><nobr><font FACE="System,黑体"
LANG="ZH-CN"><p ALIGN="JUSTIFY">它会非常有效。但是注意，同样的源码你写了两次：若<br>
某件东西小于</font><font FACE="宋体" LANG="ZH-CN">10</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">，</font><font FACE="System,黑体"
LANG="ZH-CN">则前面加“</font><font FACE="宋体" LANG="ZH-CN">0</font><font
FACE="System,黑体" LANG="ZH-CN">”。所以要考虑当用同一<br>
代码要多次重写时，用函数来做。本例中我写了一个叫</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
</font><font FACE="宋体" LANG="ZH-CN">fixNumber</font><font FACE="System,黑体"
LANG="ZH-CN">的函数：</font></nobr></td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
function fixNumber(the_number)
{
if (the_number < 10)
{
the_number = "0" + the_number;
}
return the_number;
}
</pre>
</td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><tt>fixNumber</tt><font
FACE="System,黑体" LANG="ZH-CN">的参数是</font><tt>the_number</tt><font
FACE="System,黑体" LANG="ZH-CN">。一个参数也是一<br>
个变量，当该函数被调用时，其参数值也被设置。<br>
在本例中，我们这样调用函数：</font><font FACE="宋体" LANG="ZH-CN"> </font></td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var fixed_variable = fixNumber(4);
</pre>
</td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">参数</font><tt>the_number</tt><font
FACE="System,黑体" LANG="ZH-CN">在函数中设置为</font><tt>4</tt><font
FACE="System,黑体" LANG="ZH-CN">。到现在你应该<br>
对</font><tt>fixNumber</tt><font FACE="System,黑体" LANG="ZH-CN">的主体有了一定的了解。它的意思<br>
是：如果变量</font><tt>the_number</tt><font FACE="System,黑体" LANG="ZH-CN">小于</font><font
FACE="宋体" LANG="ZH-CN">10</font><font FACE="System,黑体" LANG="ZH-CN">，则在它的前面加<br>
一个</font><font FACE="宋体" LANG="ZH-CN">0</font><font FACE="System,黑体"
LANG="ZH-CN">。这里面新的内容是</font><tt>return</tt><font FACE="System,黑体"
LANG="ZH-CN">指令：返回</font><font FACE="宋体" LANG="ZH-CN"> </font><font
FACE="System,黑体" LANG="ZH-CN"><br>
</font><tt>the_number</tt><font FACE="System,黑体" LANG="ZH-CN">的值。在下面的情况中就会用到</font><font
FACE="宋体" LANG="ZH-CN">return <br>
</font><font FACE="System,黑体" LANG="ZH-CN">指令：</font><font FACE="宋体"
LANG="ZH-CN"> </font></td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var some_variable = someFunction();
</pre>
</td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">变量</font><tt>some_variable</tt><font
FACE="System,黑体" LANG="ZH-CN">的值是<tt>函数</font>someFunction()</tt><font
FACE="宋体" LANG="ZH-CN"> </font><font FACE="System,黑体" LANG="ZH-CN">的<br>
返回值。在</font><tt>fixNumber</tt><font FACE="System,黑体" LANG="ZH-CN">中，我加入</font><font
FACE="宋体" LANG="ZH-CN">: return <br>
</font><tt>the_number</tt><font FACE="System,黑体" LANG="ZH-CN">，则退出函数并将返回</font><tt>the_number</tt><font
FACE="System,黑体" LANG="ZH-CN">的值<br>
返回给任何一个等待被设置的变量。所以，我这样<br>
书写代码：</font></td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre>var fixed_variable = fixNumber(4);</pre>
</dir>
</td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><tt>the_number</tt><font
FACE="System,黑体" LANG="ZH-CN">的初始值将通过函数调用被设置为</font><font
FACE="宋体" LANG="ZH-CN">4</font><font FACE="System,黑体" LANG="ZH-CN">，然<br>
后由于</font><font FACE="宋体" LANG="ZH-CN">4</font><font FACE="System,黑体"
LANG="ZH-CN">小于</font><font FACE="宋体" LANG="ZH-CN">10</font><font
FACE="System,黑体" LANG="ZH-CN">，所以</font><tt>the_number</tt><font
FACE="System,黑体" LANG="ZH-CN">将被改为</font><font FACE="宋体" LANG="ZH-CN">"</font><tt>04</tt><font
FACE="宋体" LANG="ZH-CN">"</font><font FACE="System,黑体" LANG="ZH-CN">。</font><font
FACE="宋体" LANG="ZH-CN"> </font><font FACE="System,黑体" LANG="ZH-CN"><br>
然后</font><tt>the_number</tt><font FACE="System,黑体" LANG="ZH-CN">值被返回，而且变量<br>
</font><tt>fixed_variable</tt><font FACE="System,黑体" LANG="ZH-CN">将被设置为</font><font
FACE="宋体" LANG="ZH-CN">"04" </font><font FACE="System,黑体" LANG="ZH-CN">。<p>为了将</font><tt>fixNumber</tt><font
FACE="System,黑体" LANG="ZH-CN">包括在原始函数</font><tt>announceTime()</tt><font
FACE="宋体" LANG="ZH-CN"><br>
</font><font FACE="System,黑体" LANG="ZH-CN">中，我添加了如下内容：</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font></td>
</tr>
<tr>
<td WIDTH="73%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre>function announceTime()
{
//get the date, the hour, minutes, and seconds
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var fixed_minute = fixNumber(the_minute);
var the_second = the_date.getSeconds();
var fixed_second = fixNumber(the_second);
//put together the string and alert with it
var the_time = the_hour + ":" + fixed_minute + ":" + fixed_second;
alert("The time is now: " +the_time);
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -