《HTML5+CSS3+JavaScriptWeb前端開發(fā)案例教程》課件 第8章 avaScript編程應(yīng)用_第1頁
《HTML5+CSS3+JavaScriptWeb前端開發(fā)案例教程》課件 第8章 avaScript編程應(yīng)用_第2頁
《HTML5+CSS3+JavaScriptWeb前端開發(fā)案例教程》課件 第8章 avaScript編程應(yīng)用_第3頁
《HTML5+CSS3+JavaScriptWeb前端開發(fā)案例教程》課件 第8章 avaScript編程應(yīng)用_第4頁
《HTML5+CSS3+JavaScriptWeb前端開發(fā)案例教程》課件 第8章 avaScript編程應(yīng)用_第5頁
已閱讀5頁，還剩30頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

JavaScript編程應(yīng)用計(jì)算存款本息合計(jì)案例描述

本案例實(shí)現(xiàn)一個(gè)計(jì)算存款本息合計(jì)的功能。假設(shè)某銀行定期存款的年利率為2.75%，在表單中輸入客戶的存款金額和存款期限，單擊“計(jì)算本息合計(jì)”按鈕計(jì)算該客戶存款到期后的本息合計(jì)。技術(shù)準(zhǔn)備

標(biāo)識(shí)符、關(guān)鍵字、常量和變量

函數(shù)標(biāo)識(shí)符amy_score_age$str1n2

在JavaScript中，標(biāo)識(shí)符被用來命名變量和函數(shù)，或者被用作JavaScript代碼中某些循環(huán)的標(biāo)簽。關(guān)鍵字JavaScript關(guān)鍵字（Keyword）是指在JavaScript語言中有特定含義的，能成為JavaScript語法一部分的那些字。abstractcontinuefinallyinstanceofprivatethisbooleandefaultfloatintpublicthrowbreakdoforinterfacereturntypeofbytedoublefunctionlongshorttruecaseelsegotonativestaticvar常量

當(dāng)程序運(yùn)行時(shí)，值不能改變的量為常量。常量主要用于為程序提供固定的和精確的值（包括數(shù)值和字符串）。數(shù)字、邏輯值真（true）、邏輯值假（false）等都是常量。語法格式const

常量名=值；變量varvarible=500varstr="千里之行，始于足下。"varbue=true

變量是指程序中一個(gè)已經(jīng)命名的存儲(chǔ)單元，它的主要作用就是為數(shù)據(jù)操作提供存放信息的容器。語法格式varvariable;

舉例函數(shù)

函數(shù)實(shí)質(zhì)上就是可以作為一個(gè)邏輯單元的一組JavaScript代碼。使用函數(shù)可以讓代碼更為簡潔，提高重用性。函數(shù)的定義functionfunctionName([parameter1,parameter2,……]){statements;[returnexpression;]}語法格式函數(shù)的調(diào)用<html><head><scripttype="text/javascript">-functionfunctionName(parameters){//定義函數(shù)somestatements;}</script></head><body>functionName(parameters);//調(diào)用函數(shù)</body></html>語法格式案例實(shí)現(xiàn)輸出影廳座位圖案例描述

本案例將實(shí)現(xiàn)輸出影廳座位圖的功能。星光影城2號(hào)影廳的觀眾席有5排，每排有10個(gè)座位。其中，3排5座和3排6座已經(jīng)出售，在頁面中輸出該影廳當(dāng)前的座位圖。技術(shù)準(zhǔn)備if語句for語句if語句語法格式

if(expression){

statement1}else{

statement2}for語句語法格式

for(initialize;test;increment){

statement}案例實(shí)現(xiàn)

輸出2023年電影票房排行榜案例描述

本案例將實(shí)現(xiàn)輸出2023年電影票房排行榜前十名的影片信息。技術(shù)準(zhǔn)備數(shù)組簡介定義數(shù)組

獲取數(shù)組的長度

操作數(shù)組數(shù)組簡介

數(shù)組是JavaScript中的一種復(fù)合數(shù)據(jù)類型。變量中保存單個(gè)數(shù)據(jù)，而數(shù)組中則保存的是多個(gè)數(shù)據(jù)的集合。數(shù)組是數(shù)組元素的集合，每個(gè)數(shù)組元素都有一個(gè)索引號(hào)（數(shù)組的下標(biāo)），通過索引號(hào)可以方便地引用數(shù)組元素。數(shù)組的下標(biāo)從0開始編號(hào)。定義數(shù)組（1）定義空數(shù)組語法格式arrayObject=newArray()語法格式arrayObject=newArray(size)（2）指定數(shù)組長度（3）指定數(shù)組元素語法格式arrayObject=newArray(element1,element2,element3,...)語法格式arrayObject=[element1,element2,element3,...]（4）直接定義數(shù)組獲取數(shù)組的長度語法格式arrayObject.length舉例vararr=newArray(1,2,3,4,5,6,7,8,9,10);document.write(arr.length);操作數(shù)組（1）push()方法語法格式arrayObject.push(newelement1,newelement2,....,newelementX)（2）pop()方法語法格式arrayObject.pop()操作數(shù)組（3）splice()方法語法格式arrayObject.splice(start,length,element1,element2,…)（4）sort()方法語法格式arrayObject.sort(sortby)操作數(shù)組（5）slice()方法語法格式arrayObject.slice(start,end)（6）join()方法語法格式arrayObject.join(separator)案例實(shí)現(xiàn)更換頁面主題案例描述

本案例實(shí)現(xiàn)更換頁面主題的功能。在頁面中添加文字內(nèi)容并設(shè)置一個(gè)用于選擇頁面主題的下拉菜單，當(dāng)選擇某個(gè)選項(xiàng)時(shí)可以更換主題，實(shí)現(xiàn)文檔的背景色和文本顏色變換的功能。技術(shù)準(zhǔn)備Document（文檔）對(duì)象Document（文檔）對(duì)象

通

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論