page3.htm

javascript的学习文章

  <tr> 
    <td colspan="2">-<a href="../../1-teach/internet/index.htm">Internet应用</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/photoshop/index.html">Photoshop</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/flash/page1.html">Flash</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/asp/index.html">ASP</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/php/index.html">PHP</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/java/index.htm">Java</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/vb/index.htm">VB</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/c/index.htm">C、C++</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-backend/database/php_mysql/index.html">PHP/MySQL</a></td>
  </tr>
  <tr> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/perl_beginner/index.html">-Perl</a> 
    </td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/other/index.htm">其它</a> </td>
  </tr>
  <tr> 
    <td colspan="2" bgcolor="#666699"> 
      <div align="center"><font color="#FFFFFF">更多教程</font></div>
    </td>
  </tr>
  <tr> 
    <td colspan="2" height="17"><a href="../../1hdml/index.html">-HDML</a></td>
  </tr>
  <tr> 
    <td colspan="2" height="23"><font face="宋体"><a href="../../1-backend/database/course/day1_1.html">-网络数据库</a></font></td>
  </tr>
  <tr> 
    <td colspan="2" height="14"><a href="../../1-backend/protocols/ping/index.html"><font face="arial, helvetica, sans-serif">Ping</font></a></td>
  </tr>
  <tr> 
    <td colspan="2" height="20"><a href="../../1-backend/cgi_perl/search_engine/index.html">-创建搜索引擎</a></td>
  </tr>
  <tr> 
    <td colspan="2" height="16">-<a href="../../1adobe/GoLive/index.html">Adobe GoLive</a></td>
  </tr>
  <tr> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/templates/index.html">模板</a></td>
  </tr>
  <tr> 
    <td colspan="2" align="center" bgcolor="#666699"><font color="#FFFFFF">合作伙伴</font></td>
  </tr>
  <tr> 
    <td colspan="2" align="left">-<a href="http://www.5dmedia.com/" target="_blank">5D精英网</a></td>
  </tr>
  <tr align="center"> 
    <td colspan="2"> <img src="../../Library/front_monkey.gif" width="59" height="68"></td>
  </tr>
  </tbody> 
</table>
<br><!-- #EndLibraryItem --></td>
      <!-- End of headlines (column 1: left column) --> <!-- Gutter between columns 1 and 2 --> 
      <td width="10" height="794"><img src="http://www.sohu.com/images/pixel.gif" width=10></td>
      <!-- Search box and directories (columns 2 and 3: middle columns, combined into one) --> 
      <td align=center valign=top width="558"> 
        <div align="left"><!-- #BeginEditable "1" --><b>别人编的JavaScript，我能使用吗？！</b><br>
          <br>
          <br>
          <font color="#ff0000">第三页：函数（和他们的参数）</font> 
          <hr>
          在上一节中我们所引用的代码中有以下一段代码：<br>
          <p><font color="#0000FF"><code> function setBackgroundColor(color1,color2,color3,color4){</code><br>
            <br>
            <code>theColors=new Array(color1,color2,color3,color4):</code><br>
            <br>
            <code>var whichColor=Math.round(Math.random()*1000)%4;</code></font></p>
          <p> <font color="#0000FF"><code>document.bgColor=theColors(whichColor);</code><br>
            <br>
            }</font></p>
          <p>这段代码被叫做函数。所谓函数就是把相关的命令集冲成到一起，使它们能够被一起执行。你可以很容易的辩别一个函数，因为在函数的开头有一个函数的标记-function，以及函数名。在这个例子中，函数名就是：setBackgroundColor。在函数名后的就是参数，它在一个括号里。（{}）。<br>
            <br>
            参数，变量和类型<br>
            <br>
            有时，我们应该告诉一个函数他要去做什麽。例如这里的例子：setBackgroundColor（），你需要告诉这个函数那个颜色将被使用。你可以在（）中加入参数来告诉函数他要做什麽。就象这样：setBackgroundColor（‘red，’green‘，‘blue’，’black‘）；在这个例子中，有四个参数： 
            红，绿，蓝和黑。<br>
            <br>
            你还有其他的方法来指定你的函数将来做些什麽。你可以使用变量和数组。例如：我们能够通过使用变量来重写上一节所讲的代码，就象：<br>
            <br>
            var color1=’#FF0000‘；<br>
            <br>
            var color2=’red‘；<br>
            <br>
            var color3=’green‘；<br>
            <br>
            var color4=’blue‘；<br>
            <br>
            function setBackgroundColor() <br>
            { theColors = new Array(color1, color2, color3, color4); <br>
            var whichColor = Math.round(Math.random()*1000) % 4; <br>
            document.bgColor = theColors[whichColor];} <br>
            }<br>
            <br>
            变量是用来存储信息的。var color=’#FF0000‘；所实现的功能是：变量color应该被设置为’#FF0000‘。而数组是多个变量的集合：<br>
            <br>
            theColors = new Array('#FF0000','red','green','blue');<br>
            <br>
            function setBackgroundColor() { var whichColor = Math.round(Math.random()*1000) 
            % 4; document.bgColor = theColors[whichColor];<br>
            } </p>
          <p>使用变量的原因是：当你引用函数时，你没有必要每一次都设定一组数据，你可以通过使用变量来指定参数。而你只需要改变该变量的值就行。<br>
            <br>
            你最后需要了解的是类型。他主要指信息的类型。例如：字符串，数，对象等。你没有必要对他门过多的了解，但是你应该能够认出他们。还是让我们来看看这些数据类型吧！<br>
            <br>
            字符串就是文字串，例如：“I am steaing JavaScript”数类型是：例如：2，3123。字符串类型一般都要使用双引号。数型就不需要。例如：2是数型，而”2“为字符型。<br>
            <br>
            如果你是一个真正的内行，你可能已经发现：我有时使用双引号，有时使用单引号。这是因为JavaScript并不关心这些，只要你不要将一种类型的引号嵌入到另一种引号中。<br>
            <br>
            第三种类型的变量是：对象。他可能有一些难。因为你很少需要去改变该类型的数据，所以我们将对他进行简单的介绍。对象是指网页中的一部分。一个文件是一个对象，每一个图象也是一个对象。在网页上的一段文本区域也是一个对象。如果你看到一些类试字符串的文字，但是又没有双引号进行引用。他就有可能是一个对象。例如：</p>
          <p> <code>〈body onload="alert(document.URL）”〉</code><br>
            <br>
            你接触到对象的最多机会是：你所借用的JavaScript的代码将引用你页面中的一个目标。<br>
          <form name="myForm" onSubmit="alert('You entered: '      + document.myForm.myTextField.value); return false;">
            <input type="text" name="myTextField">
            <input type="submit" name="Submit" value="Submit">
          </form>
          <p>以下是实现该提交表单的代码：<br>
            <br>
            <code>〈form name="<font color="#0000FF">myForm</font>" onSubmit="alert('You 
            entered: ' + <font color="#0000FF">document.myForm.myTextField.value</font>); 
            return false;"> <br>
            <br>
            〈input type="text" name="<font color="#0000FF">myTextField</font>"> 
            <br>
            <br>
            〈input type="submit" name="Submit" value="Submit"> <br>
            <br>
            〈/form&gt;</code><br>
            当你去借用他人的JavaScript时，你所遇到的最主要的问题是：你所借用的JavaScript代码需要其中的对象名称被指定的方式命名。为了能使你借用的代码工作。你或者需要更改script代码去匹配你自己的目标名称，或者你改变你的目标去匹配script。<br>
            <br>
            这儿还有一件事你应该注意。变量也是对象。例如：你可以设置一个变量来存储一个对象。这里的对象可以是一个URL地址：<br>
            <br>
            var myLocation = document.URL; <br>
            <br>
            你可能觉得有一些难了，但是我可以告诉你：当你在改变你所借用的JavaScript代码时，你可以改变除变量类型以外的所有信息。<br>
            <br>
            调用函数<br>
            <br>
            那你是怎样去调用该函数呢？这儿有两种方法来调用函数：你可以在〈script〉标记中放入该函数的名称，就象其他JavaScript命令一样。例如： 
            <br>
            <code>&lt;script><br>
            &lt;!--remember to comment your script <font color="#0000FF">setBackgroundColor('#ff0000','#00ff00','#ffff00','#3333ff'); 
            </font>// close the comment--&gt; <br>
            &lt;/script&gt;</code><br>
            <br>
            请你注意：在（）中的内容，就是所引用的参数。<br>
            <br>
            第二种调用函数的方法挺有趣，他叫做：事件处理者。这就需要我去进一步的去解释了。那就请你去看下一节了。<br>
            <br>
            <a href="index.htm">首页</a> <br>
          <table width="88%" border="0">
            <tr> 
              <td width="51%">1）<font color="#ff0000"><a href="page1.htm">借用他人的JavaScript代码</a></font></td>
              <td width="49%">4）<font color="#000000"><a href="page4.htm">事件和事件处理器</a></font></td>
            </tr>
            <tr> 
              <td width="51%">2）<font color="#000000"><a href="page2.htm">script代码</a></font></td>
              <td width="49%">5）<font color="#000000"><a href="page5.htm">总结</a></font> 
              </td>
            </tr>
            <tr> 
              <td width="51%">3）<font color="#ff0000">函数（和他们的参数）</font> </td>
              <td width="49%">&nbsp;</td>
            </tr>
          </table>
          <p><br>
          </p>
          <!-- #EndEditable --></div>
      </td>
      <!-- End of search box and directories (columns 2 and 3: middle columns, combined into one) --> 
      <!-- Gutter between columns 3 and 4 --> <!-- Other stuff (column 4: right column) --> 
      <!-- End of other stuff (column 4: right column) --> </tr>
  </table>
<!-- End of table surrounding page contents -->

  <hr noshade size=1 width=700>
 <span class=eng><br>
  Copyright (C) 1998-2000 Internet Technologies China.&nbsp; All rights reserved. 
  </span> 
</center>
</body>
<!-- #EndTemplate --></html>