javascript2.htm

javascript基础教程适合初学javascript的人下载一个很快就能掌握其中的知识.

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

<p align="center"><small><a href="JavaScript1.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript1.htm">上一页</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="JavaScript3.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript3.htm">下一页</a></small></p>
</body>
</html>