【免费】JavaScript教程资源-CSDN文库

共56个文件

html：54个

gif：1个

db：1个

JavaScript

需积分: 0 149 浏览量 2009-01-12 15:01:50 上传评论收藏 125KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

JavaScript教程.rar （56个子文件）

JavaScript教程

day4_13.html 13KB

day3_7.html 10KB

day3_4.html 10KB

day1_4.html 7KB

day2_7.html 8KB

day2_6.html 6KB

day3_9.html 9KB

day4_3.html 8KB

day1_2.html 5KB

day3_11.html 9KB

day2_5.html 6KB

day4_8.html 7KB

day1_5.html 5KB

day4_9.html 10KB

day5_2.html 6KB

day4_11.html 7KB

day4_4.html 10KB

day4_1.html 6KB

day3_3.html 9KB

day2_3.html 8KB

day3_13.html 8KB

day3_1.html 10KB

day2_12.html 6KB

day5_8.html 8KB

day5_10.html 12KB

day2_1.html 5KB

day5_5.html 10KB

day2_8.html 5KB

day3_12.html 9KB

day4_12.html 11KB

day3_10.html 11KB

day2_4.html 10KB

day3_5.html 11KB

day3_6.html 9KB

day5_1.html 6KB

day4_6.html 7KB

day3_2.html 10KB

day4_7.html 6KB

day2_10.html 8KB

day4_2.html 7KB

Thumbs.db 4KB

day2_2.html 9KB

day5_7.html 11KB

newhome.gif 441B

day4_10.html 7KB

day2_11.html 6KB

day5_3.html 10KB

day3_8.html 10KB

index.html 5KB

day5_9.html 10KB

day4_14.html 9KB

day5_6.html 6KB

day4_5.html 7KB

day1_3.html 6KB

day5_4.html 10KB

day2_9.html 7KB

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312-80"> <style type="text/css">  </style> <title>JavaScript教程</title> </head> <body topmargin="1" leftmargin="2"> <table border="0" width="591" cellspacing="0"> <tr> <td bgcolor="#ffff99" width="451">JavaScript教程 - 第四课</td> </tr> <tr> <td bgcolor="#FF6600" width="451"><a href="mailto:thau@wired.com">Thau</a></td> </tr> </table> <div align="left"> <table border="0" width="630" cellspacing="0"> <tr> <td width="458" valign="top" align="left"> 第十三页：参数及返回值 尽管无参数的函数在减少写源码工作量，HTML源码可读性上很 有用，但有参数的函数会更为有用。 上一例中，当返回的分、秒值小于<big>10</big>时会有问题发生。我们想 要看到的秒值是<big>04</big>而非<big>4</big>。我们可以这样做： 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; } 它会非常有效。但是注意，同样的源码你写了两次：若某件 东西小于10，则前面加“0”。所以要考虑当用同一代码要多 次重写时，用函数来做。本例中我写了一个叫fixNumber的函数： function fixNumber(the_number) { if (the_number < 10) { the_number = "0" + the_number; } return the_number; } <tt>fixNumber</tt>的参数是<tt>the_number</tt>。一个参数也是一个变量，当该 函数被调用时，其参数值也被设置。在本例中，我们这样调用 函数： var fixed_variable = fixNumber(4); 参数<tt>the_number</tt>在函数中设置为<tt>4</tt>。到现在你应该对<tt>fixNumber</tt> 的主体有了一定的了解。它的意思是：如果变量<tt>the_number</tt>小 于10，则在它的前面加一个0。这里面新的内容是<tt>return</tt>指令： 返回<tt>the_number</tt>的值。在下面的情况中就会用到return指令： var some_variable = someFunction(); 变量<tt>some_variable</tt>的值是<tt>函数someFunction()</tt> 的返回值。 在<tt>fixNumber</tt>中，我加入: return <tt>the_number</tt>，则退出函数并 将返回<tt>the_number</tt>的值返回给任何一个等待被设置的变量。 所以，我这样书写代码： var fixed_variable = fixNumber(4); <tt>the_number</tt>的初始值将通过函数调用被设置为4，然后由于4小 于10，所以<tt>the_number</tt>将被改为"<tt>04</tt>"。然后<tt>the_number</tt>值被 返回，而且变量<tt>fixed_variable</tt>将被设置为"04" 。 为了将<tt>fixNumber</tt>包括在原始函数<tt>announceTime()</tt>中，我添加了 如下内容： 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); } 假定时间链接被点击时，时间为12:04:05。用<tt>new Date()</tt>获得 日期，用<tt>getHours()</tt>获得小时，用前面所属方法获得分钟，分 钟在本例中应该是<tt>4</tt>, 然后调用<tt>fixNumber</tt>，其参数为<tt>the_minute</tt>: var fixed_minute = fixNumber(the_minute); 当<tt>fixNumber()</tt>被调用时，参数<tt>the_number</tt>被设置为<tt>the_minute</tt>。 在本例中由于<tt>the_minute</tt>是4，所以<tt>the_number</tt>将被设置为4。 设置完参数后，我们进入函数主体。由于4小于10，<tt>the_number</tt> 被改变为"<tt>04</tt>"，然后<tt>the_number</tt>值用return指令返回。当"04" 被<tt>fixNumber</tt>返回后，本例<tt>fixed_minute</tt>就等于"04"。 我们一步一步来研究该过程。假定时间为12:04:05。 <ol> <h2>我们从函数<tt>announceTime()开始</tt></h2> <li><tt>the_minute</tt> = <tt>the_date.getMinutes();</tt>则<tt>the_minute</tt> = 4 </li> <li><tt>fixed_minute = fixNumber(the_minute);</tt>等于<tt>函 数fixNumber()</tt>并将其值返回给<tt>fixed_minute</tt> <h2>现在进入函数<tt>fixNumber()</tt></h2> </li> <li><tt>函数fixNumber(the_number)fixNumber()</tt>用<tt>the_minute</tt>的 值调用，the_minute值是4，所以现在<tt>the_number = 4</tt> </li> <li><tt>如果(the_number < 10) {the_number = "0" + the_number;}</tt>由于4小于10，所以<tt>the_number</tt>现在等于"04"</li> <li>返回<tt>the_number</tt>值，退出该函数并返回值"04" <tt>现在已经退出函数fixTime()</tt>，所以现在我们回 到<tt>announceTime()</tt> </li>

评论收藏

内容反馈