2.htm

javascript book

      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">x=100</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">y=&quot;125&quot;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">xy=  
      True</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">cost=19.5等。</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">其中x整数，y为字符串，xy为布尔型，cost为实型。</font></span> 
      <dir> 
        <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3"><img src="Bullet3.gif" width="12" height="12">　变量的声明及其作用域</font></span></p>
        <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">JavaScript变量可以在使用前先作声明，并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。<br>
        对于变量还有一个重要性──那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。</font></span></p>
      </dir>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　</font></span></p>
      <b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">三、表达式和运算符</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">１、表达式</font></span></p>
      </b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。</font></span></p>
      <b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">２、运算符</font></span></p>
      </b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　运算符完成操作的一系列符号，在JavaScript中有算术运算符，如＋、-、*、/等；有比较运算符如!＝、＝＝等;  
      有逻辑布尔运算符如！（取反）、|、||; 有字串运算如＋  
      、 ＋＝等。<br> 
      　　在JavaScript主要有双目运算符和单目运算符。其双目运算符由下列组成：</font></span></p>
      <font color="#ff00ff"><b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">操作数１  
      运算符 操作数２</font></span></p> 
      </b></font> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　即由两个操作数和一个运算符组成。如50＋40、&quot;This&quot;+&quot;that&quot;等。单目运算符，只需一个操作数，其运算符可在前或后。</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">（１）算术运算符</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　JavaScript中的算术运算符有单目运算符和双目运算符。</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">双目运算符：</font></span>
      <dir>
        <dir>
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">+（加）  
          、-（减）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&amp;(按位与)、&lt;&lt;（左移）、  
          &gt;&gt;（右移）、 &gt;&gt;&gt;（右移，零填充）。</font></span></p> 
        </dir> 
      </dir> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">单目运算符：</font></span> 
      <dir> 
        <dir> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">-（取反）、~（取补）、++（递加1）、--（递减1）。</font></span></p> 
        </dir> 
      </dir> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">（２）比较运算符</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个true或False值，有８个比较运算符:</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;(小于)、&gt;(大于)、&lt;=(小于等于)、&gt;=(大于等于)、==(等于)、!=(不等于)。</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">（３）布尔逻辑运算符</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　在JavaScript中增加了几个布尔逻辑运算符:</font></span>
      <dir>
        <dir>
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">!（取反)、&amp;=（与之后赋值）、  
          &amp;（逻辑与）、 |=（或之后赋值）、 |（逻辑或）、  
          ^=（异或之后赋值）、 ^（逻辑异或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等于)。</font></span></p> 
        </dir> 
      </dir> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　其中三目操作符主要格式如下：</font></span></p>
      <font color="#ff00ff"><b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">操作数？结果１：结果２</font></span></p>
      </b></font>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　若操作数的结果为真，则表述式的结果为结果１，否则为结果２。</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　</font></span></p>
      <b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">四、范例</font></span></p>
      </b>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　下面是一个跑马灯效果的JavaScript文档。</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">Test2_1.html</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;html&gt;</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;head&gt;</font></span></p>
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;script  
      Language=&quot;JavaScript&quot;&gt;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">var  
      msg=&quot;这是一个跑马灯效果的JavaScript文档&quot;;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">var  
      interval = 100;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">var  
      spacelen = 120;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">var  
      space10=&quot; &quot;;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">var  
      seq=0;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">function  
      Scroll() {</font></span> 
      <dir> 
        <dir> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">len  
          = msg.length;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">window.status  
          = msg.substring(0, seq+1);</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">seq++;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">if  
          ( seq &gt;= len ) {</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">seq  
          = spacelen;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">window.setTimeout(&quot;Scroll2();&quot;,  
          interval );</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">}</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">else</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">window.setTimeout(&quot;Scroll();&quot;,  
          interval );</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">}</font></span></p> 
        </dir> 
      </dir> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">function  
      Scroll2() {</font></span> 
      <dir> 
        <dir> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">var  
          out=&quot;&quot;;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">for  
          (i=1; i&lt;=spacelen/space10.length; i++) out +=</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">space10;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">out  
          = out + msg;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">len=out.length;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">window.status=out.substring(seq,  
          len);</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">seq++;</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">if  
          ( seq &gt;= len ) { seq = 0; };</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">window.setTimeout(&quot;Scroll2();&quot;,  
          interval );</font></span></p> 
          <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">}</font></span></p> 
        </dir> 
      </dir> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">Scroll();</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;/script&gt;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;body&gt;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;/body&gt;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">&lt;/html&gt;</font></span></p> 
      <p style="line-height: 150%"><span style="FONT-SIZE: 9pt"><font lang="ZH-CN" size="3">　　本讲介绍了JavaScript脚本是如何加入Web页面,  
      并学习了JavaScript语言中的基本数据类型、变量、常量、操作运算符等。从本讲中的内容中可以看出，对于已经掌握Ｃ＋＋语言的人来说，学习JavaScript真是一件非常轻松愉快的事。</font></span></p> 
      <p>　</td> 
  </tr> 
</table> 
 
<!--mstheme--></font> 
 
</body> 
 
</html>