《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ù)免費閱讀

下載本文檔

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

文檔簡介

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

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

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

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

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

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

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

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

舉例函數(shù)

函數(shù)實質(zhì)上就是可以作為一個邏輯單元的一組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>語法格式案例實現(xiàn)輸出影廳座位圖案例描述

本案例將實現(xiàn)輸出影廳座位圖的功能。星光影城2號影廳的觀眾席有5排，每排有10個座位。其中，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}案例實現(xiàn)

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

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

獲取數(shù)組的長度

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

數(shù)組是JavaScript中的一種復(fù)合數(shù)據(jù)類型。變量中保存單個數(shù)據(jù)，而數(shù)組中則保存的是多個數(shù)據(jù)的集合。數(shù)組是數(shù)組元素的集合，每個數(shù)組元素都有一個索引號（數(shù)組的下標(biāo)），通過索引號可以方便地引用數(shù)組元素。數(shù)組的下標(biāo)從0開始編號。定義數(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)案例實現(xiàn)更換頁面主題案例描述

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

通

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論