javascript腳本語言.ppt

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

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

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

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

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

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

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

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

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

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

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

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

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

14、 此時，將創(chuàng)建長度為n的數(shù)組，并按指定順序分配數(shù)組元素。 如果構造函數(shù)使用數(shù)組元素作為殘奧元，則殘奧元之間必須用逗號分隔，并且不能省略殘奧元。 1、本例請求和目的把握構造Date對象的函數(shù)把握Date對象的一般方法2、在操作順序記事本中輸入以下的源代碼的情況5-8今天是：定義情況5-8date對象使用的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對象，并使用example5-8.html 如果在創(chuàng)建Date對象時指定了殘奧儀表，則新的殘奧儀表表示指定的日期和時間，否則，新對象將設置為當前日期。2 .要創(chuàng)建日期對象，var變量名=new Date() var變量名=new Date (毫秒) var變量名=new Date (字符串) var變量名=new Date (每年第二個構造函數(shù)是GMT (格林威治平均時間) ) 使用從時間1970年1月1日上午到期望日期和時間的毫秒創(chuàng)建Date實例。第三，構造函數(shù)使用表示期望日期和時間的特定字符傳遞創(chuàng)建Date實例。第四個構造函數(shù)是年、月、日、時、分、秒、毫秒其中年和月是必需的殘奧儀表，其他殘奧儀表是可選的。 在指定的月份中，0表示1月，11表示12月。 3.Date對象的一般方法如下： getYear():返回一個整數(shù)(0-11 )，表示當前日期的月份，該整數(shù)返回日期對象的年份(兩位或四位數(shù))。 getDate():返回一個整數(shù)，表示一