DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript編程起步(第二課)
javascript編程起步(第二課)
編輯:JavaScript基礎知識     
關於上課的作業,大家都知道,代碼如下:
<script language="javascript">
<!--
代碼
//-->
</script>
這兒補充一點內容,還可以告訴讀者這兒是javascript代碼,該浏覽器不支持。
<noscript>
在浏覽器不支持的時候顯示這句話
</noscript>
今天我們主要學習的內容有以下幾塊:
1、javascript變量
2、javascript表達式和運算符

可以用var加上為變量指定的名稱來聲明變量,變量類型可以通過給變量賦值來確定。由於javascript采用的是弱類型的樣式,對數據類型要求不太嚴格,在程序執行的過程中,會根據需要自動轉換。
對於字符串變量,可以通過"變量名.length"來獲得該變量中字符串的長度,如
var name;
name="javascript";
那麼name.length的值就是10。

若在一行中創建多個變量時,記住用逗號來隔開變量名。各語句用分號隔開。(使用分號是個好習慣, 大家在學習的時候盡量養成加分號的習慣)

類型轉換:javascript允許在程序中改變變量的類型,最常見的兩個類型轉換符Number和String。
Number(x)是字符型值――〉數字值型。String與之相反。相對於javascript的自動類型轉換,可以將這種轉換成為強制類型轉換。(強制類型轉換需要在javascript1.2及以上版本才可以使用)

變量的命名:

1.必須以字母或下劃線開頭,中間可以有字母數字和或下劃線。不能使用空格、+、-等其他符號。
作為連字符外,變量名稱不能有空格、(+)、(-)、(,)或其它符號。
2.不能使用JavaScript中的關鍵字作為變量。
(javascript變量名是區分大小寫的,name和Name是不一樣的。)

對於變量還有一個重要性──那就是變量的作用域。在JavaScript中同樣有全局變量和局部變量。全局變量是定義在所有函數體之外,其作用范圍是整個函數;而局部變量是定義在函數體之內,只對其該函數是可見的,而對其它函數則是不可見的。

例子:
<script>
var myStr = "我是全局變量";
function getStr1(){
var myStr = "我是局部變量";
alert (myStr);
}
function getStr2(){
alert (myStr);
}
getStr1();
getStr2();
// 測試會彈出兩個提示框,第一個提示"我是局部變量",第二個提示"我是全局變量"
</script>

表達式:在定義完變量後,就可以對它們進行賦值、改變、計算等一系列操作,這一過程通常由表達式來完成,可以說它是變量、常量、布爾及運算符的集合,因此表達式可以分為算術表述式、字串表達式、賦值表達式以及布爾表達式等。

運算符:

1.算術運算符:+(加) 、-(減)、 *(乘)、 /(除)、 %(取模) -(取反)、
++(遞加1)、--(遞減1)。
例:11%2=1 ; 如果x=2 ++x+4=7 x+++4=6
(++x是先執行加1,x++是執行完語句之後x在自加1
例子:

<script>
var i=0, j=0;
alert(i++ + " " + ++j + " " + i);
// 輸出 "0 1 1",可見i++是先輸出了i,然後進行運算,而++j是先對j進行了自加運算,然後輸出j的值
</script>

2.比較運算符:<(小於)、>(大於)、<=(小於等於)、>=(大於等於)、==(等於)、!=(不等於)
(基本操作過程是,首先對它的操作數進行比較,然後再返回一個true或False值。)
3.邏輯運算符:!(取反)、&=(與之後賦值)、 &(邏輯與)、 =(或之後賦值)、 (邏輯或)、
^=(異或之後賦值)、 ^(邏輯異或)、 ?:(三目操作符)、(或)、&& (與)
==(等於)、=(不等於)。
4.字符串運算符:只有+ ("my"+"javascript"結果等於"my javascript")
5.賦值運算符:即=,將右邊的值賦給左邊的變量。
6.條件運算符:(?:)
例:status=(age>=18)?"adult":"child";如果大於18,則表達式的值為adult。
7.typeof()運算符:用來返回變量或數據的類型。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved