1、第5章javascript腳本語(yǔ)言，javascript是網(wǎng)景公司(Netscape )發(fā)明的網(wǎng)頁(yè)專用的簡(jiǎn)單編程語(yǔ)言。 從編程語(yǔ)言的角度看，JavaScript是一種基于對(duì)象和基于事件驅(qū)動(dòng)的腳本語(yǔ)言。 這種性質(zhì)提供了網(wǎng)頁(yè)和用戶之間的實(shí)時(shí)動(dòng)態(tài)交互關(guān)系，使網(wǎng)頁(yè)包含更活躍的元素和更精彩的內(nèi)容。 本章的內(nèi)容：5.1客戶端腳本5.2使用基于JavaScript語(yǔ)言的5.2 JavaScript內(nèi)部對(duì)象，5.1客戶端腳本(Script )是實(shí)現(xiàn)特定功能的程序。 腳本可以在稱為服務(wù)端腳本(如ASP、JSP和PHP )的服務(wù)端運(yùn)行，也可以直接在瀏覽器端運(yùn)行。 被稱為客戶端腳本。 例如，JavaScript、V

2、BScript等等。 本節(jié)的重點(diǎn)學(xué)習(xí)：使用腳本標(biāo)記插入腳本通過(guò)鏈接文件參照外部腳本文件，使用實(shí)例5-1腳本標(biāo)記插入腳本，另一方面，本例的要求和目的是理解客戶端腳本的作用，在網(wǎng)頁(yè)上使用腳本標(biāo)記二、打開(kāi)操作步驟1手冊(cè)，輸入以下源代碼：案例5-1 document.write(Hello World！ 使用圖5-1腳本標(biāo)記插入腳本，保存2源文件名example5-1.htm，并關(guān)閉記事本程序。 3 .在ie中打開(kāi)此頁(yè)面，在頁(yè)面上顯示“Hello！ 世界！ 中所述情節(jié)，對(duì)概念設(shè)計(jì)中的量體執(zhí)行面積分析。 如圖5-1所示。 三、本實(shí)例知識(shí)點(diǎn)1、基本概念腳本語(yǔ)言：用于編寫腳本程序的語(yǔ)言。 Javascrip

3、t和VBscript是目前使用最廣泛的兩種腳本語(yǔ)言。 VBscript僅由nternet Explorer支持，幾乎所有瀏覽器都支持Javascript，因此已成為客戶端腳本的標(biāo)準(zhǔn)。 本書以Javascript為例。 2如何在網(wǎng)頁(yè)上使用腳本標(biāo)記插入腳本程序網(wǎng)頁(yè)上最常見(jiàn)的腳本插入方法之一是將腳本標(biāo)記放置在網(wǎng)頁(yè)的頭部或主體部分，然后在其中添加腳本程序。 盡可能在網(wǎng)頁(yè)上的多個(gè)位置使用腳本標(biāo)記，但是為了便于維護(hù)，建議將腳本放置在Head部分。 當(dāng)然，有些腳本扮演在網(wǎng)頁(yè)的特定部分顯示特殊效果的角色，所以當(dāng)時(shí)的腳本位于主體內(nèi)的特定位置。 使用腳本標(biāo)志時(shí)，通常語(yǔ)言和類型屬性都指示腳本的類型(為了簡(jiǎn)單起見(jiàn)，也

4、可以僅使用其中一個(gè))，以支持不同的瀏覽器。 使用Javascript創(chuàng)建腳本時(shí)，語(yǔ)法如下： 例5-2經(jīng)由鏈接文件參照外部腳本文件，1、本例的請(qǐng)求和目的掌握經(jīng)由鏈接文件參照外部腳本文件的方法和步驟。 二、操作步驟1 .在記事本中輸入以下源代碼，并將文件保存為test.js。 文件寫入(hello！ 世界！ 2 .打開(kāi)新的記事本文件，輸入以下源代碼，并將該文件另存為example5-2.html : 如果在瀏覽器中引用，則結(jié)果類似于圖5-2。 情況5-23分別比較example5-2.html和example5-2.html的源代碼和網(wǎng)頁(yè)的效果。圖5-2通過(guò)鏈接文件參照外部腳本文件3、該情況下的知

5、識(shí)點(diǎn)通過(guò)鏈接文件參照外部腳本文件的方法使用SCRIPT標(biāo)簽的Src屬性指定外部腳本文件的Url。 使用此方法可以重復(fù)使用腳本，從而減少維護(hù)工作量。 在本書第7章的個(gè)人網(wǎng)站的情況“淺藍(lán)色的天空”中，使用該方法使用外部腳本文件。 如果同一腳本可用于多個(gè)網(wǎng)頁(yè)，則不需要在多個(gè)位置保存同一冗馀代碼。 在這種情況下，可以將腳本放置在其他文件中，然后從需要該文件的網(wǎng)頁(yè)中引用該腳本。 document.write的作用是將web元素添加到頁(yè)面中。 文檔的詳細(xì)使用方法將在案例5-9中說(shuō)明。 注意：使用腳本標(biāo)記的Src屬性時(shí)，Web瀏覽器僅使用外部文件中的腳本，而忽略腳本標(biāo)記之間的腳本。、5.2 JavaScri

6、pt語(yǔ)言基礎(chǔ)，在本節(jié)中，將重點(diǎn)放在JavaScript變量、運(yùn)算符和表達(dá)式條件語(yǔ)句的使用循環(huán)語(yǔ)句的使用JavaScript函數(shù)、實(shí)例5-3 JavaScript變量、運(yùn)算符和表達(dá)式、1、本例的要求和目的是把握J(rèn)avaScript 了解JavaScript中常用的運(yùn)算符和表達(dá)式。 二、操作步驟1 .打開(kāi)筆記本，輸入以下源代碼：案例5-3、 文檔寫入(myvar2)； 文檔寫入(myvar3)； 文檔寫入(myvar4)； 文檔寫入(myvar5)； /-、圖5-3 JavaScript的變量、運(yùn)算符和表達(dá)式，保存文件名為example5-3.html，在IE瀏覽該頁(yè)面的結(jié)果，如圖5-3所示：3、

7、本案例的知識(shí)點(diǎn)JavaScript字符串類型：該類型的數(shù)據(jù)布爾型： JavaScript僅歸類為True或False。 null值類型： null。 有四種數(shù)據(jù)類型，JavaScript使用弱類型定義。 也就是說(shuō)，定義常量或變量時(shí)不需要指定其數(shù)據(jù)類型，而是根據(jù)常量或變量自動(dòng)分配的值選擇最佳的數(shù)據(jù)類型，從而大大簡(jiǎn)化了JavaScript編程。 JavaScript變量：變量的主要功能是存儲(chǔ)數(shù)據(jù)。 在JavaScript中，變量通常使用var關(guān)鍵字聲明。 與其他編程語(yǔ)言一樣，JavaScript對(duì)變量的命名也有限制。 首先，變量名稱必須以字母開(kāi)頭，中間必須是字母、數(shù)字和下劃線的組合。 其次，變量名

8、不能使用JavaScript語(yǔ)言本身使用的關(guān)鍵字，例如var、JavaScript、document等。 3JavaScript運(yùn)算符： JavaScript有六個(gè)運(yùn)算符：算術(shù)運(yùn)算符、賦值運(yùn)算符、邏輯運(yùn)算符、比較運(yùn)算符、字符串運(yùn)算符和位運(yùn)算符。 任何學(xué)過(guò)計(jì)算機(jī)編程語(yǔ)言的人都必須熟悉這些運(yùn)算符。 以下簡(jiǎn)單列舉。 算術(shù)運(yùn)算符包括加法()、減法(-)、乘法(* )、除法(/)、模(% )、增加()、減少(- )和負(fù)數(shù)(-)。 代入運(yùn)算符包括等于(=)、等于加法(=)、等于減法(-=)、等于乘法(*=)、等于除法(/=)、等于幅值(%=)、等于左移(=)，邏輯運(yùn)算符包括and (中斷)； case值2

9、:執(zhí)行語(yǔ)句2。 中斷； 掌握default:執(zhí)行語(yǔ)句、實(shí)例5-5循環(huán)語(yǔ)句的使用、1、本實(shí)例的要求和目標(biāo)JavaScript語(yǔ)言這三個(gè)基本循環(huán)語(yǔ)句的格式。 將使用這三個(gè)基本循環(huán)語(yǔ)句編寫腳本。 二、操作程序在記事本中輸入以下源代碼案例5-5。 這里是I級(jí)標(biāo)題。 )； /-將文件名保存為example5-5.html，在IE中閱覽該頁(yè)的結(jié)果如圖5-5所示。圖5-5循環(huán)語(yǔ)句的使用、3、本情況的知識(shí)點(diǎn)循環(huán)語(yǔ)句用于在某種條件下反復(fù)執(zhí)行代碼。 JavaScript提供了三個(gè)基本循環(huán)語(yǔ)句： for語(yǔ)句、while語(yǔ)句和do while語(yǔ)句。 此外，還提供了從循環(huán)中脫離的break語(yǔ)句和退出當(dāng)前循環(huán)并繼續(xù)下一個(gè)

10、循環(huán)的continue語(yǔ)句。 For語(yǔ)句的格式是For (決定計(jì)數(shù)器變量的初始值循環(huán)結(jié)束的條件式計(jì)數(shù)器變量的變化)執(zhí)行語(yǔ)句，while語(yǔ)句是基本的循環(huán)語(yǔ)句，while (決定循環(huán)結(jié)束的條件式)是執(zhí)行語(yǔ)句的形式。Do while語(yǔ)句是while語(yǔ)句的變體while (決定循環(huán)結(jié)束的條件式) break語(yǔ)句提供從循環(huán)結(jié)構(gòu)和switch語(yǔ)句中無(wú)條件跳出的功能。 在大多數(shù)情況下，break語(yǔ)句是單獨(dú)使用的。 continue語(yǔ)句的作用是退出當(dāng)前子循環(huán)，跳到循環(huán)的開(kāi)始，繼續(xù)下一個(gè)循環(huán)。 了解實(shí)例5-6 JavaScript函數(shù)1以及此實(shí)例的要求和目標(biāo)JavaScript定義函數(shù)的格式。 掌握函數(shù)門值的概

11、念。二、操作步驟1 .打開(kāi)筆記本，案例5-6，document.write (35=add (3，5，5 ) )； /-、圖5-6 JavaScript函數(shù)、保存文件名為example5-6.html，在IE中閱覽了該文件的結(jié)果，如圖5-6所示：3，本案例的知識(shí)點(diǎn)在JavaScript中。 但是，最好先定義它，然后將它放在文檔的開(kāi)頭以供使用。 定義函數(shù)的形式為function函數(shù)名稱(殘奧儀表1、殘奧儀表2、)執(zhí)行語(yǔ)句函數(shù)需要返回值時(shí)，可以使用return語(yǔ)句，并將返回值置于return之后。 此外，函數(shù)的門值可以直接賦予變量，也可以在公式中使用。 本節(jié)使用5.3javascript內(nèi)部對(duì)象，

12、構(gòu)建數(shù)組對(duì)象的定義和使用定義和Date對(duì)象document對(duì)象的使用，實(shí)例5-7數(shù)組對(duì)象的定義和使用，另一方面，本例的請(qǐng)求和目的理解對(duì)象的概念把握數(shù)組對(duì)象jorderij ) document.write ( ) document.write ()/-、圖5-7的數(shù)組對(duì)象的定義和使用、保存文件example5-7對(duì)象是客觀世界存在的特定實(shí)體。 對(duì)象有兩個(gè)元素：屬性和方法。 2 .在javascript中可以使用的對(duì)象通常有兩種： javascript對(duì)象和瀏覽器對(duì)象。 JavaScript的內(nèi)部對(duì)象包含常用通用對(duì)象，如數(shù)組對(duì)象Array、日期對(duì)象Date和數(shù)學(xué)對(duì)象Math。 3 .數(shù)組對(duì)象也稱

13、為Array對(duì)象，用于創(chuàng)建該語(yǔ)言中最常見(jiàn)的數(shù)據(jù)結(jié)構(gòu)數(shù)組。 Array對(duì)象的構(gòu)造函數(shù)有三種，每種構(gòu)造函數(shù)都使用不同的方法構(gòu)建數(shù)組對(duì)象。 1. var數(shù)組名=new Array() 2. var數(shù)組名=new Array (數(shù)組長(zhǎng)度)3. var數(shù)組名=new (數(shù)組元素)如果在數(shù)組中指定數(shù)組元素，則JavaScript會(huì)自動(dòng)延長(zhǎng)數(shù)組的長(zhǎng)度。 此示例使用第一個(gè)構(gòu)造函數(shù)創(chuàng)建數(shù)組order。 如果使用第二個(gè)構(gòu)造函數(shù)，請(qǐng)使用數(shù)組的長(zhǎng)度作為殘奧儀表。 此時(shí)將創(chuàng)建指定長(zhǎng)度的數(shù)組，但未指定特定元素。 同樣，通過(guò)具體指定數(shù)組元素，也可以動(dòng)態(tài)更改數(shù)組的長(zhǎng)度。 如果使用第三個(gè)構(gòu)造函數(shù)，則直接使用數(shù)組元素作為殘奧元。

14、 此時(shí)，將創(chuàng)建長(zhǎng)度為n的數(shù)組，并按指定順序分配數(shù)組元素。 如果構(gòu)造函數(shù)使用數(shù)組元素作為殘奧元，則殘奧元之間必須用逗號(hào)分隔，并且不能省略殘奧元。 1、本例請(qǐng)求和目的把握構(gòu)造Date對(duì)象的函數(shù)把握Date對(duì)象的一般方法2、在操作順序記事本中輸入以下的源代碼的情況5-8今天是：定義情況5-8date對(duì)象使用的mytime=new Date ()； mydate=mytime.getDate ()； mymonth=mytime.getMonth() 1； myyear=mytime.getYear ()； 寫入日期(我年我月我日期)； weekday=mytime.getDay ()； 定義并使用m

15、yArray=new Array (星期日、星期一、星期二、星期三、星期四、星期五、星期六) document.write(myArrayweekday )，圖5-8date對(duì)象，并使用example5-8.html 如果在創(chuàng)建Date對(duì)象時(shí)指定了殘奧儀表，則新的殘奧儀表表示指定的日期和時(shí)間，否則，新對(duì)象將設(shè)置為當(dāng)前日期。2 .要?jiǎng)?chuàng)建日期對(duì)象，var變量名=new Date() var變量名=new Date (毫秒) var變量名=new Date (字符串) var變量名=new Date (每年第二個(gè)構(gòu)造函數(shù)是GMT (格林威治平均時(shí)間) ) 使用從時(shí)間1970年1月1日上午到期望日期和時(shí)間的毫秒創(chuàng)建Date實(shí)例。第三，構(gòu)造函數(shù)使用表示期望日期和時(shí)間的特定字符傳遞創(chuàng)建Date實(shí)例。第四個(gè)構(gòu)造函數(shù)是年、月、日、時(shí)、分、秒、毫秒其中年和月是必需的殘奧儀表，其他殘奧儀表是可選的。 在指定的月份中，0表示1月，11表示12月。 3.Date對(duì)象的一般方法如下： getYear():返回一個(gè)整數(shù)(0-11 )，表示當(dāng)前日期的月份，該整數(shù)返回日期對(duì)象的年份(兩位或四位數(shù))。 getDate():返回一個(gè)整數(shù)，表示一