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

JavaScript概述

1．JavaScript語(yǔ)言基礎(chǔ)

　　（1）JavaScript變量

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

　　在JavaScript中，可以簡(jiǎn)單地用var來(lái)定義所有的變量，而變量的類(lèi)型由賦值語(yǔ)句隱含確定。

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

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

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

　　數(shù)字、布爾、字符串、未定義、對(duì)象等類(lèi)型。
        
　　（2）JavaScript運(yùn)算符

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

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

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

　　（3）JavaScript表達(dá)式     

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

　?。?）JavaScript語(yǔ)句

　　① 條件語(yǔ)句

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

　　語(yǔ)句段；
    if else語(yǔ)句的格式為：
if（條件）

　　語(yǔ)句段1；
else

　　語(yǔ)句段2；

switch語(yǔ)句

　　格式如下：

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

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

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

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

　?。?）JavaScript函數(shù)

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

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

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

　　對(duì)象就是客觀世界中存在的特定實(shí)體。在計(jì)算機(jī)世界中，也包含各種各樣的對(duì)象。例如，一個(gè)Web頁(yè)可以被看作一個(gè)對(duì)象，它包含背景顏色、前景顏色等特性，同時(shí)包含打開(kāi)、關(guān)閉、讀寫(xiě)等動(dòng)作。因此可以說(shuō)，對(duì)象包含兩個(gè)要素：

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

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

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

科普云 煙臺(tái)網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)部整理發(fā)布