⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 3.htm

📁 javascript book
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>JavaScript程序构成</title>
<meta name="Microsoft Theme" content="maize 011">
</head>

<body background="maizbk.jpg" bgcolor="#FFFFFF" text="#000000" link="#669999" vlink="#999900" alink="#3366CC">

<!--mstheme--><font face="宋体">

<table border="0" width="100%">
  <tr>
    <td width="100%"><b>
      <p align="center"><span class="title"><font lang="ZH-CN" size="4" color="#000000"><font face="黑体">JavaScript程序构</font><font face="宋体">成</font></font></span></p>
      </b>
      <p><font face="宋体" lang="ZH-CN">　<font size="3">　JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。</font></font></p>
      <b>
      <p><font size="3"><font face="黑体" lang="ZH-CN">
      一、程序控制流</font></font></p>
      </b>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　在任何一种语言中，程序控制流是必须的，它能使得整个程序减小混乱，使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句:</font></p>
      <b>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">１、if条件语句</font></p>
      </b>
      <dir>
        <font face="宋体" lang="ZH-CN">
        <p style="line-height: 150%"><font size="3"><img src="Bullet3.gif" width="12" height="12"><b>　基本格式</b></font></p>
        </font>
        <dir>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">if（表述式）</font></p>
          <font face="宋体" lang="ZH-CN">
          <p style="line-height: 150%"><font size="3">语句段１；</font></p>
          <p style="line-height: 150%"><font size="3">......</font></p>
          <p style="line-height: 150%"><font size="3">else</font></p>
          <p style="line-height: 150%"><font size="3">语句段２；</font></p>
          <p style="line-height: 150%"><font size="3">.....</font></p>
          </font>
        </dir>
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><img src="Bullet3.gif" width="12" height="12">　功能：若表达式为true，则执行语句段１；否则执行语句段２。</font></p>
        <font face="宋体" lang="ZH-CN">
        <p style="line-height: 150%"><font size="3"><img src="Bullet3.gif" width="12" height="12">　说明：</font></p>
        </font>
      </dir>
      <ul>
        <li>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN"><font size="3">if -else  
          语句是JavaScript中最基本的控制语句，通过它可以改变语句的执行顺序。</font> 
          <li> 
            <p style="line-height: 150%"><font size="3">表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。</font></font>
        <li>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">它将零和非零的数分别转化成false和true。</font>
        <li>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">若if后的语句有多行，则必须使用花括号将其括起来。</font></li>
      </ul>
      <font face="宋体" lang="ZH-CN">
      <p style="line-height: 150%">　</p>
      </font>
      <ol start="4">
        <li>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">if语句的嵌套</font></li>
      </ol>
      <dir>
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">if（布尔值）语句１；</font></p>
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">else（布尔值）语句２；</font></p>
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">else if（布尔值）语句３；</font></p> 
        <font face="宋体" lang="ZH-CN"> 
        <p style="line-height: 150%"><font size="3">……</font></p>
        </font>
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">else  
        语句４；</font></p> 
      </dir> 
      <font face="宋体" lang="ZH-CN"> 
      <p style="line-height: 150%">　</p> 
      </font> 
      <dir> 
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。</font></p> 
      </dir> 
      <font face="宋体" lang="ZH-CN"> 
      <p style="line-height: 150%">　</p> 
      </font> 
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">２、For循环语句</font></b></p> 
      <dir> 
        <font face="宋体" lang="ZH-CN"> 
        <p style="line-height: 150%"><font size="3"><img src="Bullet3.gif" width="12" height="12">　基本格式</font></p>
        </font>
        <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">for（初始化；条件；增量）</font></p>
        <font face="宋体" lang="ZH-CN">
        <dir>
          <p style="line-height: 150%"><font size="3">语句集；</font></p>
        </dir>
        <p style="line-height: 150%"><font size="3"><img src="Bullet3.gif" width="12" height="12">　功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。</font></p>
        <p style="line-height: 150%"><font size="3"><img src="Bullet3.gif" width="12" height="12">　说明：</font></p>
        </font>
      </dir>
      <ul>
        <li>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">初始化参数告诉循环的开始位置，必须赋予变量的初值；</font>
        <li>
          <p style="line-height: 150%"><font size="3"><font face="宋体" lang="ZH-CN">条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则</font> 
          </font> 
          <font face="宋体" lang="ZH-CN"><font size="3">跳出。</font>
          <li>
            <p style="line-height: 150%"><font size="3">增量：主要定义循环控制变量在每次循环时按什么方式变化。</font>
          <li>
            <p style="line-height: 150%"><font size="3">三个主要语句之间，必须使用逗号分隔。</font></font></li>
      </ul>
      <font face="宋体" lang="ZH-CN">
      <p style="line-height: 150%">　</p>
      </font>
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">３、while循环</font></b></p>
      <dir>
        <dir>
          <font face="宋体" lang="ZH-CN">
          <p style="line-height: 150%"><font size="3"><img src="Bullet3.gif" width="12" height="12">　基本格式</font></p>
          </font>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">while（条件）</font></p>
          <font face="宋体" lang="ZH-CN">
          <dir>
            <dir>
              <p style="line-height: 150%"><font size="3">语句集；</font></p>
            </dir>
          </dir>
          </font>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">该语句与For语句一样，当条件为真时，重复循环，否则退出循环。</font></p>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><img src="Bullet3.gif" width="12" height="12">　For与while语句</font></p>
        </dir>
      </dir>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。</font></p>
      <font face="宋体" lang="ZH-CN">
      <p style="line-height: 150%"><font size="3">４、break和continue语句</font></p>
      </font>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。</font></p>
      <font face="宋体" lang="ZH-CN">
      <p style="line-height: 150%"><font size="3">二、函数</font></p>
      </font>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　函数为程序设计人员提供了一个丰常方便的能力。通常在进行一个复杂的程序设计时，总是根据所要完成的功能，将程序划分为一些相对独立的部分，每部分编写一个<b><u>函数</u></b>。从而，使各部分充分独立，任务单一，程序清晰，易懂、易读、易维护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实现一个函数把它与事件驱动相关联。这是与其它语言不样的地方。</font></p>
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">１、JavaScript函数定义</font></b></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN"><u><b><font size="3">Function</font></b></u></font> 
      <font size="3">  
      <b><u><font face="宋体" lang="ZH-CN">函数名 </font></u></b><font face="宋体" lang="ZH-CN">（参数,变元）{</font></font></p> 
      <dir> 
        <dir> 
          <i> 
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">函数体;.</font></p> 
          </i> 
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">Return  
          表达式;</font></p> 
        </dir> 
      </dir> 
      <font face="宋体" lang="ZH-CN"> 
      <p style="line-height: 150%"><font size="3">}</font></p>
      <p style="line-height: 150%"><font size="3">说明：</font></p>
      </font>
      <dir>
        <dir>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><img height="12" src="Bullet1.gif" width="12">　当调用函数时,所用变量或字面量均可作为变元传递。</font></p>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><img height="12" src="Bullet1.gif" width="12">　函数由关键字Function定义。</font></p>
          <font face="宋体" lang="ZH-CN">
          <p style="line-height: 150%"><font size="3"><img height="12" src="Bullet1.gif" width="12">　函数名：定义自己函数的名字。</font></p>
          </font>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><img height="12" src="Bullet1.gif" width="12">　参数表，是传递给函数使用或操作的值，其值可以是常量 
          ，变量或其它表达式。</font></p>
          <font face="宋体" lang="ZH-CN">
          <p style="line-height: 150%"><font size="3"><img height="12" src="Bullet1.gif" width="12">　通过指定函数名（实参）来调用一个函数。</font></p>
          </font>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><img height="12" src="Bullet1.gif" width="12">　必须使用Return将值返回。</font></p>
          <font face="宋体" lang="ZH-CN">
          <p style="line-height: 150%"><font size="3"><img height="12" src="Bullet1.gif" width="12">　函数名对大小写是敏感的。</font></p>
          </font>
        </dir>
      </dir>
      <font face="宋体" lang="ZH-CN">
      <p style="line-height: 150%">　</p>
      <b>
      <p style="line-height: 150%"><font size="3">２、函数中的形式参数：</font></p>
      </b></font>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　在函数的定义中，我们看到函数名后有参数表，这些参数变量可能是一个或几个。那么怎样才能确定参数变量的个数呢？在JavaScript中可通过arguments  
      .Length来检查参数的个数。例：</font></p> 
      <font face="宋体" lang="ZH-CN"> 
      <p style="line-height: 150%"><font size="3">Function function_Name(exp1,exp2,exp3,exp4)</font></p> 
      <p style="line-height: 150%"><font size="3">Number =function _Name . arguments .length;</font></p> 
      </font> 
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">if  
      (Number&gt;1）</font></p> 
      <font face="宋体" lang="ZH-CN"> 
      <p style="line-height: 150%"><font size="3">document.wrile(exp2);</font></p>
      <p style="line-height: 150%"><font size="3">if (Number&gt;2)</font></p> 
      <p style="line-height: 150%"><font size="3">document.write(exp3);</font></p>
      <p style="line-height: 150%"><font size="3">if(Number&gt;3)</font></p>
      <p style="line-height: 150%"><font size="3">document.write(exp4);</font></p>
      <p style="line-height: 150%"><font size="3">...</font></p>
      <p style="line-height: 150%"><font size="3">　　</font></p>
      </font><b>
      <p style="line-height: 150%"><font face="黑体" lang="ZH-CN" size="3">
      三、事件驱动及事件处理
      </font></p>
      <font face="宋体" lang="ZH-CN">
      <p style="line-height: 150%"><font size="3">１、基本概念</font></p>
      </font></b>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　JavaScript是基于对象(object-based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征，就是采用事件驱动(event-driven)。它是在用形界面的环境下，使得一切输入变化简单化。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event  
      Driver）。而对事件进行处理程序或函数，我们称之为事件处理程序（Event  
      Handler）。</font></p> 
      <font face="宋体" lang="ZH-CN"><b> 
      <p style="line-height: 150%"><font size="3">２、事件处理程序</font></p>
      </b></font>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。格式如下：</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">Function  
      事件处理名（参数表）{</font></p> 
      <dir> 
        <dir>
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -