教你在網(wǎng)頁中如何使用JavaScript

JavaScript概述

1．JavaScript語言基礎(chǔ)

　?。?）JavaScript變量

　　與其他編程語言一樣，JavaScript也是采用變量存儲數(shù)據(jù)。與Java和其他一些高級語言不同，JavaScript并不要求指定變量中包含的數(shù)據(jù)類型。

　　在JavaScript中，可以簡單地用var來定義所有的變量，而變量的類型由賦值語句隱含確定。

　　例如:  如果賦予變量money數(shù)字值1000，則money可參與整型操作；如果賦予該變量字符串值 "This is my money"，則它可以參與字符串操作；同樣，如果賦予它邏輯值false，則它可以支持邏輯操作。

　　變量還可以先賦予一種類型的數(shù)值，然后再根據(jù)需要賦予其他類型的數(shù)值。

　　JavaScript支持的數(shù)據(jù)類型 有：

　　數(shù)字、布爾、字符串、未定義、對象等類型。
        
　?。?）JavaScript運算符

　?、?算術(shù)運算符   包括：+、-、*、/、%、++、--等。
　?、?邏輯運算符  包括：&&、||、！等。
　?、?比較運算符  包括：<、<=、>、>=、= =、！=等。 
　?、?字符串運算符  包括：+，用于連接兩個字符串。
　?、?位操作運算符  &、|、^、-、~、<<、>>、>>>等。
　?、?賦值運算符  包括：=、+=、-=、*=、 ／=、 ％=、      &=、|=、^=、<<=、>>=、>>>=等。 
　　⑦ 條件運算符  包括：?。
　?、?其他運算符

　　大多數(shù)JavaScript運算符都是雙目運算符，即具有兩個操作數(shù)的運算符，通常用以下方式進行操作：

　　操作數(shù)1 運算符 操作數(shù)2

　?。?）JavaScript表達式     

　　表達式是運算符和操作數(shù)的組合。表達式通過求值確定表達式的值，這個值是對操作數(shù)實施運算符所確定的運算后產(chǎn)生的結(jié)果。有些運算符將數(shù)值賦予一個變量，而另一些運算符則可以用在其他表達式中。

　?。?）JavaScript語句

　?、?條件語句

　　在JavaScript中提供了if語句、if else語句以及switch語句等三種條件語句。
    if 語句是最基本的條件語句，它的格式為：
if（條件）

　　語句段；
    if else語句的格式為：
if（條件）

　　語句段1；
else

　　語句段2；

switch語句

　　格式如下：

switch（條件）
{case value1: 語句段1;
case value2：語句段2;
case value3：語句段3;
…
default：語句段4；}

　?、?循環(huán)語句

　　循環(huán)語句用于在一定條件下重復(fù)執(zhí)行某段代碼。在JavaScript中提供了多種循環(huán)語句：
    for語句   格式如下：
for（初始化；條件；增量）
{
語句段；
}

  while語句    是另一種基本的循環(huán)語句，格式如下：
while（條件）
{
語句段；
}
do while語句    是while語句的變體，格式如下：
do
{
語句段；
}
　　while（條件）
　　break語句    提供無條件跳出循環(huán)結(jié)構(gòu)或switch語句的功能。
　　continue語句  作用是終止當(dāng)次循環(huán)，跳轉(zhuǎn)到循環(huán)的開始處繼續(xù)下一輪循環(huán)。
　　break語句和continue語句既可以單獨使用，也可以與語句標(biāo)號一起使用。 

　?。?）JavaScript函數(shù)

　　函數(shù)是已命名的代碼塊，代碼塊中的語句被作為一個整體引用和執(zhí)行。在使用函數(shù)之前，必須先定義函數(shù)。函數(shù)定義通常放在HTML文檔頭中，但也可以放在其他位置。但通常最好放在文檔頭，這樣就可以確保先定義后使用。  定義函數(shù)的格式如下：

function 函數(shù)名（參數(shù)1，參數(shù)2，．．．）
{
語句段；
…
return  表達式；
}

　　函數(shù)名是調(diào)用函數(shù)時引用的名稱，參數(shù)是調(diào)用函數(shù)時接收傳入數(shù)值的變量名。大括號中的語句是函數(shù)的執(zhí)行語句，當(dāng)函數(shù)被調(diào)用時執(zhí)行。如果需要函數(shù)返回值，可以使用return語句，需要返回的值應(yīng)放在return之后。
   
2．使用JavaScript內(nèi)部對象

　　對象就是客觀世界中存在的特定實體。在計算機世界中，也包含各種各樣的對象。例如，一個Web頁可以被看作一個對象，它包含背景顏色、前景顏色等特性，同時包含打開、關(guān)閉、讀寫等動作。因此可以說，對象包含兩個要素：

屬性  用來描述對象特性的一組數(shù)據(jù)，也就是若干變量；
方法  用來操作對象特性的若干動作，也就是若干函數(shù)。         

　　通過訪問或設(shè)置對象的屬性，并且調(diào)用對象的方法，可以對對象進行各種操作，從而獲得需要的功能。

　　在JavaScript中可以操作的對象通常包括兩種類型：瀏覽器對象和JavaScript內(nèi)部對象。瀏覽器對象是指文檔對象模型規(guī)定的對象，例如HTML元素對象、document對象、window對象等；JavaScript內(nèi)部對象包括一些常用的通用對象，例如數(shù)組對象Array、日期對象Date、數(shù)學(xué)對象Math等。

科普云 煙臺網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計部整理發(fā)布