網(wǎng)頁制作案例教程-清華大學(xué)出版社-第10章-JavaScript概述_第1頁
網(wǎng)頁制作案例教程-清華大學(xué)出版社-第10章-JavaScript概述_第2頁
網(wǎng)頁制作案例教程-清華大學(xué)出版社-第10章-JavaScript概述_第3頁
網(wǎng)頁制作案例教程-清華大學(xué)出版社-第10章-JavaScript概述_第4頁
網(wǎng)頁制作案例教程-清華大學(xué)出版社-第10章-JavaScript概述_第5頁
已閱讀5頁，還剩39頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

網(wǎng)頁制作案例教程

毋建軍鄭寶昆郭銳編著

清華大學(xué)出版社第10章Javascript概述本章學(xué)習(xí)目標（知識要點）JavaScript基本概念JavaScript基本特點及主要功能JavaScript在網(wǎng)頁中應(yīng)用的基本方式JavaScript基礎(chǔ)語法

本章學(xué)習(xí)導(dǎo)航JavaScript是制作網(wǎng)站中網(wǎng)頁動態(tài)效果的一項基本技術(shù)，了解JavaScript的基本概念及作用并在網(wǎng)站中使用它可以作出普通技術(shù)無法實現(xiàn)頁面動態(tài)效果及驗證功能。本章主要從JavaScript基本概念、在網(wǎng)頁HTML中引用方式、JavaScript基礎(chǔ)語法方面介紹了JavaScript的基礎(chǔ)知識。本章內(nèi)容在全書知識結(jié)構(gòu)中所處位置如圖所示基礎(chǔ)篇HTML篇CSS篇JavaScript篇提高篇網(wǎng)頁設(shè)計與開發(fā)流程（AscentSys醫(yī)藥商務(wù)系統(tǒng)）網(wǎng)頁制作基礎(chǔ)HTML基礎(chǔ)網(wǎng)頁基本元素設(shè)計網(wǎng)頁布局規(guī)劃設(shè)計交互式網(wǎng)頁表單的設(shè)計與使用利用模板和庫創(chuàng)建網(wǎng)頁CSS樣式表使用CSS布局規(guī)劃網(wǎng)頁JavaScript網(wǎng)頁應(yīng)用Javascript概述網(wǎng)頁中常見Flash制作Web服務(wù)器創(chuàng)建網(wǎng)站發(fā)布、測試和維護10.1Javascript簡介

Javascript是一種解釋性的，基于對象的腳本語言(aninterpreted,object-basedscriptinglanguage)。JavaScript正式的標準是ECMA-262。這個標準基于JavaScript(Netscape)和JScript(Microsoft)。標準由ECMA組織發(fā)展和維護。Javascript主要是基于客戶端運行的，用戶點擊帶有Javascript的網(wǎng)頁，網(wǎng)頁里的Javascript就傳到瀏覽器，由瀏覽器對此作處理。目前為止，最新的JavaScript的版本是JavaScript2.1。目前支持JavaScript2.1的瀏覽器有Firefox2.0.x等。10.2Javascript特點及主要功能JavaScript是一種基于對象(ObjectBased)和事件驅(qū)動(EventDriven)并具有安全性能（Security）的腳本語言。1、JavaScript特點它是一種腳本編寫語言基于對象的語言簡單性安全性動態(tài)性

2、JavaScript功能

客戶端應(yīng)用服務(wù)器端應(yīng)用3、JavaScript作用校驗用戶輸入的內(nèi)容有效地組織網(wǎng)頁內(nèi)容動態(tài)地顯示網(wǎng)頁內(nèi)容彌補靜態(tài)網(wǎng)頁不能實現(xiàn)的功能動畫顯示

4、JavaScript與Java的區(qū)別10.3在HTML頁面中使用JavascriptJavaScript是一種解釋性編程語言，其源代碼在被網(wǎng)絡(luò)傳送到客戶端執(zhí)行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給客戶，由瀏覽器解釋執(zhí)行。JavaScript的代碼是一種文本字符格式，可是直接嵌入HTML文檔中，并且可動態(tài)裝載。在JavaScript中，可以添加注釋來對JavaScript進行解釋，或者提高其可讀性。JavaScript的注釋分為兩種：一種是單行注釋，以//開始。一種是多行注釋，/*開始，以*/結(jié)束，/**/配對使用。在HTML頁面中使用JavaScript的方法有兩種：一種是直接加入到HTML文件中；另外一種是引用方式。10.3.1直接加入到HTML文檔中方式一個簡單的JavaScript開發(fā)包含選擇開發(fā)工具、編輯源代碼、測試、運行四步1）選擇開發(fā)工具2）編輯源代碼（1）創(chuàng)建并寫出簡單的HTML頁面基本結(jié)構(gòu)。（2）在HTML文件<head></head>標簽中或者<body></body>中任意地方添加<Script></Script>配對標簽，JavaScript腳本代碼用<Script></Script>配對標簽進行標識，設(shè)置語言屬性Language="JavaScript"說明標識中是使用的何種語言代碼如下：<html><head><scriptLanguage="JavaScript">//JavaScript代碼document.write("WelcomeToAscentTechnologies");</script></head></html>3）運行程序10.3.2引用方式如果已經(jīng)存在一個Javascript源文件（以js為擴展名），則可以采用這種引用的方式，以提高程序代碼的利用率。其基本格式如下：<scriptsrc＝urllanguage="Javascript"></script>其中的Url就是程序文件的地址。實現(xiàn)上述“直接插入方式”中所舉例子的效果，步驟如下：1）首先創(chuàng)建一個Javascript源代碼文件“as.js”，其內(nèi)容如下：document.writeln("這是Javascript！采用引用的方法！");2）在網(wǎng)頁中<head></head>中添加代碼：<scriptsrc＝"as.js"language="Javascript"></script>。3）運行程序，雙擊welcome.html文件，即可打開10.4Javascript基礎(chǔ)語法10.4.1Javascript字符集、標識符和關(guān)鍵字1）字符集常見的標準字符集有ASCII、ISO、LATIN-1、GBK和UNICODE。與字符集相關(guān)的需要注意的一個問題是，通常瀏覽器本身支持多種類型的編碼器。因此作為嵌入頁面文檔的程序腳本，不但要考慮自身編碼，還要充分考慮瀏覽器編碼器的兼容性。對于強制指定了不支持Unicode的編碼器的瀏覽器，JavaScript將會因為腳本代碼的注釋里的中文不能正確解析而導(dǎo)致執(zhí)行失敗。2）標識符標識符可以由任意順序的大小字母、下劃線（_）、美元符號（$）組成，但標識符不能以數(shù)字開始，不能是JavaScript中的保留字.3）關(guān)鍵字JavaScript同其他語言一樣也擁有自己的關(guān)鍵字，即保留字，是系統(tǒng)定義的具有特定含義的特殊標識符，用戶不能用來作為自定義標識符。JavaScript的關(guān)鍵字有許多，大致可分為兩種類型：JavaScript保留關(guān)鍵字和ECMA擴展的保留字。10.4.2Javascript數(shù)據(jù)類型、變量和常量1、數(shù)據(jù)類型數(shù)值型（整數(shù)和浮點數(shù)）字符串型（用“”號或‘’括起來的字符或數(shù)值）布爾型（使True或False表示）特殊數(shù)據(jù)類型：Null（空值），Undefined2、變量JavaScript支持使用變量，變量根據(jù)使用范圍的不同分為：全局變量和局部變量。全局變量可以在應(yīng)用中的任何地方使用，局部變量只能在當前的函數(shù)中使用。JavaScript是一種對數(shù)據(jù)類型變量要求不太嚴格的語言，所以不必聲明每一個變量的類型，變量聲明盡管不是必須的，但在使用變量之前先進行聲明是一種好的習(xí)慣?？梢允褂胿ar語句來進行變量聲明。聲明全局變量：X=0；全局變量也可以使用var語句，但不是必須的。是在<script></script>之間聲明的變量聲明局部變量方法：局部變量在函數(shù)中定義，并帶有var關(guān)鍵字。如：varmen=true;//men中存儲的值為Boolean類型。對于變量必須明確變量的命名、變量的類型、變量的聲明及其變量的作用域。3、常量整型常量實型常量布爾值字符型常量空值特殊字符10.4.3表達式和運算符１、表達式在JavaScript中表達式由常量、變量以及運算符構(gòu)成，在定義完變量后，就可以對它們進行賦值、改變、計算等一系列操作表達式可以分為算術(shù)表述式、字串表達式、賦值表達式以及布爾表達式等。２、運算符算術(shù)運算符關(guān)系運算符邏輯運算符賦值運算符10.4.4Javascript控制語句1、if條件語句基本格式

if（表述式） 語句段１；

...... else

語句段２；

.....if語句可以嵌套使用：

if（表達式）語句１；

elseif（表達式）語句２；

elseif（表達式）語句３；

…… else語句４；2、switch語句switch語句根據(jù)條件值改變程序執(zhí)行的順序，其基本格式如下：

swith(val){ case1:

語句1; break; case2:

語句2; break; default:

缺省語句; break;}說明：1）switch后面的表達式只能是整型、字符型或枚舉類型。case后面的常量表達式的類型必須與其一致。2）“case常量表達式”起到語句標號的作用，各常量表達式的值必須互不相等。3）各case和default出現(xiàn)的次序可以任意。4）多個case可共用一組執(zhí)行語句，即允許case常量表達式后無語句。5）break語句在switch語句中是可選的，它用來跳過后面的case語句，結(jié)束switch語句，從而達到分支的目的。3、for語句如果在已知循環(huán)次數(shù)的情況下，可以使用JavaScript提供的for語句，for語句能夠使程序變得更為簡潔，基本格式如下：for（初始表達式；條件表達式；增量表達式）{

語句組；}4、while循環(huán)while語句用于當滿足指定條件時需要循環(huán)執(zhí)行一組語句的情況，它的語法格式如下：while（條件表達式）{

語句組；}while語句執(zhí)行時，首先判斷表達式的值，如果表達式的值為“真”，就重復(fù)執(zhí)行語句組，直到表達式的結(jié)果變?yōu)椤凹佟睘橹埂?、do……while循環(huán)do……while語句與while語句相似，也是用于在滿足指定條件時反復(fù)執(zhí)行的一組語句，但是兩者之間存在著差別，該語句的基本格式如下：

do{

語句組；

}while（條件表達式）;6、for…inJavaScript提供了一種特別的循環(huán)方式來遍歷一個對象的所有用戶定義的屬性或者一個數(shù)組的所有元素，即for...in循環(huán)。其基本格式：for（變量in數(shù)組或?qū)ο螅﹞

語句組；}for…in語句在執(zhí)行時，對數(shù)組或?qū)ο笾械拿恳粋€元素，重復(fù)執(zhí)行語句組的內(nèi)容，直到處理完最后一個元素為止。7、break和continue語句使用break語句使得循環(huán)從for或while中跳出，continue使得跳過循環(huán)內(nèi)剩余的語句而進入下一次循環(huán)。10.4.5Javascript函數(shù)1、函數(shù)定義和調(diào)用1）函數(shù)的定義函數(shù)一般定義在HTML文檔的<head>部分，位于<script>…</script>標記內(nèi)部，函數(shù)可以出現(xiàn)在任何位置。此外，函數(shù)也可以在單獨的腳本文件中定義，并保存在外部文件中，在適用的位置根據(jù)函數(shù)名和所在的外部文件名引用。定義函數(shù)的語法格式為：function函數(shù)名（形式參數(shù)1，形式參數(shù)2，…，形式參數(shù)n）{

語句組；}2）函數(shù)的調(diào)用函數(shù)定義后只有調(diào)用該函數(shù)，才會實現(xiàn)該函數(shù)的功能，這稱作函數(shù)調(diào)用。調(diào)用函數(shù)的方法非常簡單，只要寫上函數(shù)名，圓括號以及在圓括號中寫上要傳遞的參數(shù)或值就可以了。調(diào)用函數(shù)的語法格式如下：函數(shù)名（實際參數(shù)1，實際參數(shù)2,…,實際參數(shù)n）說明：函數(shù)名要與定義函數(shù)時使用的名稱相同。3）函數(shù)定義和使用實例2、函數(shù)的嵌套調(diào)用1）函數(shù)嵌套語法函數(shù)嵌套是指在一個函數(shù)內(nèi)部定義和使用另一個或多個函數(shù)的情況。函數(shù)嵌套的語法格式為：functionfuncA(){//這里是函數(shù)funcA（）的一條或多條語句，其中包括對myfuncB（）的調(diào)用

function.funcB() { //這里是函數(shù)funcB()的一條或多條語句，可以使用funcA中聲明的變量

}}2）函數(shù)的嵌套調(diào)用實例3、遞歸函數(shù)遞歸函數(shù)的另外一種形式是在幾個函數(shù)之間循環(huán)調(diào)用，從而形參隱含遞歸。例如，下面的是在函數(shù)f1()中調(diào)用f2()函數(shù)，又在f2()函數(shù)中調(diào)用f1()函數(shù)，從而形成遞歸調(diào)用。functionf1() { …… f2(); …… } functionf2() { …… f1(); …… }遞歸函數(shù)效率很低，但遞歸函數(shù)的結(jié)構(gòu)有利于理解和解決現(xiàn)實問題。有些問題用遞歸方法解決起來會非常簡單，如求遞歸函數(shù)的值，漢諾塔問題等。10.5項目

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論