第12講靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)_第1頁
第12講靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)_第2頁
第12講靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)_第3頁
第12講靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)_第4頁
第12講靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)_第5頁
已閱讀5頁，還剩32頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)授課老師：何王科靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)課程教學(xué)信息授課專業(yè)互聯(lián)網(wǎng)營銷授課班級計網(wǎng)1401班計網(wǎng)1402班課次第12講授課時間10月18日星期星期日節(jié)次1~2授課地點知行樓513機房授課教師何王科教學(xué)日志教學(xué)日志教學(xué)文件課程標(biāo)準(zhǔn)授課計劃教學(xué)設(shè)計靜態(tài)網(wǎng)站項目設(shè)計與開發(fā)教學(xué)任務(wù)JavaScript基礎(chǔ)知識目標(biāo)：htmlcss基礎(chǔ)知識能力目標(biāo)：熟練運用DIV+CSS布局重點：JavaScript函數(shù)JavaScript運算符JavaScript比較和邏輯運算符難點：JavaScript對象教學(xué)方法：案例法、演示法、討論法、任務(wù)驅(qū)動法課堂類型：講授課教具：多媒體、VMare、XP、windows2003、Packettracert、GNS3導(dǎo)入課程首先說一下我們這節(jié)課的知識點JavaScript對象JavaScript函數(shù)JavaScript運算符JavaScript比較和邏輯運算符JavaScript對象JavaScript中的所有事務(wù)都是對象：字符串、數(shù)字、數(shù)組、日期，等等。在JavaScript中，對象是擁有屬性和方法的數(shù)據(jù)。屬性和方法屬性是與對象相關(guān)的值。方法是能夠在對象上執(zhí)行的動作。JavaScript對象舉例：汽車就是現(xiàn)實生活中的對象。汽車的屬性：=Fiatcar.model=500car.weight=850kgcar.color=white汽車的方法：car.start()car.drive()ar.brake()JavaScript中的對象在JavaScript中，對象是數(shù)據(jù)（變量），擁有屬性和方法。當(dāng)您像這樣聲明一個JavaScript變量時：vartxt="Hello";您實際上已經(jīng)創(chuàng)建了一個JavaScript字符串對象。字符串對象擁有內(nèi)建的屬性length。對于上面的字符串來說，length的值是5。字符串對象同時擁有若干個內(nèi)建的方法。JavaScript中的對象屬性：txt.length=5方法：txt.indexOf()txt.replace()txt.search()提示：在面向?qū)ο蟮恼Z言中，屬性和方法常被稱為對象的成員。

創(chuàng)建JavaScript對象JavaScript中的幾乎所有事務(wù)都是對象：字符串、數(shù)字、數(shù)組、日期、函數(shù)，等等。你也可以創(chuàng)建自己的對象。本例創(chuàng)建名為"person"的對象，并為其添加了四個屬性：創(chuàng)建JavaScript對象<body><script>person=newObject();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";document.write(person.firstname+"is"+person.age+"yearsold.");</script></body>創(chuàng)建新JavaScript對象有很多不同的方法，并且您還可以向已存在的對象添加屬性和方法。訪問對象的屬性訪問對象屬性的語法是：objectName.propertyName

本例使用String對象的length屬性來查找字符串的長度：varmessage="HelloWorld!";varx=message.length;在以上代碼執(zhí)行后，x的值是：12訪問對象的方法您可以通過下面的語法調(diào)用方法：objectName.methodName()這個例子使用String對象的toUpperCase()方法來把文本轉(zhuǎn)換為大寫：varmessage="Helloworld!";varx=message.toUpperCase();在以上代碼執(zhí)行后，x的值是：HELLOWORLD!JavaScript函數(shù)函數(shù)是由事件驅(qū)動的或者當(dāng)它被調(diào)用時執(zhí)行的可重復(fù)使用的代碼塊。<head><script>functionmyFunction(){alert("HelloWorld!");}</script></head><body><buttononclick="myFunction()">點擊這里</button></body>JavaScript函數(shù)語法函數(shù)就是包裹在花括號中的代碼塊，前面使用了關(guān)鍵詞function：functionfunctionname(){這里是要執(zhí)行的代碼}當(dāng)調(diào)用該函數(shù)時，會執(zhí)行函數(shù)內(nèi)的代碼?？梢栽谀呈录l(fā)生時直接調(diào)用函數(shù)（比如當(dāng)用戶點擊按鈕時），并且可由JavaScript在任何位置進行調(diào)用。提示：JavaScript對大小寫敏感。關(guān)鍵詞function必須是小寫的，并且必須以與函數(shù)名稱相同的大小寫來調(diào)用函數(shù)。調(diào)用帶參數(shù)的函數(shù)在調(diào)用函數(shù)時，您可以向其傳遞值，這些值被稱為參數(shù)。這些參數(shù)可以在函數(shù)中使用。您可以發(fā)送任意多的參數(shù)，由逗號(,)分隔：myFunction(argument1,argument2)當(dāng)您聲明函數(shù)時，請把參數(shù)作為變量來聲明：functionmyFunction(var1,var2){這里是要執(zhí)行的代碼

}變量和參數(shù)必須以一致的順序出現(xiàn)。第一個變量就是第一個被傳遞的參數(shù)的給定的值，以此類推。調(diào)用帶參數(shù)的函數(shù)<body><p>點擊這個按鈕，來調(diào)用帶參數(shù)的函數(shù)。</p><buttononclick="myFunction('BillGates','CEO')">點擊這里</button><script>functionmyFunction(name,job){alert("e"+name+",the"+job);}</script></body>上面的函數(shù)會當(dāng)按鈕被點擊時提示"eBillGates,theCEO"。調(diào)用帶參數(shù)的函數(shù)函數(shù)很靈活，您可以使用不同的參數(shù)來調(diào)用該函數(shù)，這樣就會給出不同的消息：<body><p>請點擊其中的一個按鈕，來調(diào)用帶參數(shù)的函數(shù)。</p><buttononclick="myFunction('HarryPotter','Wizard')">點擊這里</button><buttononclick="myFunction('Bob','Builder')">點擊這里</button><script>functionmyFunction(name,job){alert("e"+name+",the"+job);}</script></body>帶有返回值的函數(shù)有時，我們會希望函數(shù)將值返回調(diào)用它的地方。通過使用return語句就可以實現(xiàn)。在使用return語句時，函數(shù)會停止執(zhí)行，并返回指定的值。語法functionmyFunction(){varx=5eturnx;}面的函數(shù)會返回值5。帶有返回值的函數(shù)函數(shù)調(diào)用將被返回值取代：varmyVar=myFunction();myVar變量的值是5，也就是函數(shù)"myFunction()"所返回的值。即使不把它保存為變量，您也可以使用返回值：document.getElementById("demo").innerHTML=myFunction();"demo"元素的innerHTML將成為5，也就是函數(shù)"myFunction()"所返回的值。帶有返回值的函數(shù)<body><p>本例調(diào)用的函數(shù)會執(zhí)行一個計算，然后返回結(jié)果：</p><pid="demo"></p><script>functionmyFunction(a,b){returna*b;}document.getElementById("demo").innerHTML=myFunction(4,3);</script></body>帶有返回值的函數(shù)在您僅僅希望退出函數(shù)時，也可使用return語句。返回值是可選的：functionmyFunction(a,b){if(a>b){return;}x=a+b}如果a大于b，則上面的代碼將退出函數(shù)，并不會計算a和b的總和。局部JavaScript變量在JavaScript函數(shù)內(nèi)部聲明的變量（使用var）是局部變量，所以只能在函數(shù)內(nèi)部訪問它。（該變量的作用域是局部的）。您可以在不同的函數(shù)中使用名稱相同的局部變量，因為只有聲明過該變量的函數(shù)才能識別出該變量。只要函數(shù)運行完畢，本地變量就會被刪除。全局JavaScript變量在函數(shù)外聲明的變量是全局變量，網(wǎng)頁上的所有腳本和函數(shù)都能訪問它。JavaScript變量的生存期JavaScript變量的生命期從它們被聲明的時間開始。局部變量會在函數(shù)運行以后被刪除。全局變量會在頁面關(guān)閉后被刪除。向未聲明的JavaScript變量來分配值如果您把值賦給尚未聲明的變量，該變量將被自動作為全局變量聲明。這條語句：carname="Volvo";將聲明一個全局變量carname，即使它在函數(shù)內(nèi)執(zhí)行。JavaScript運算符運算符=用于賦值。運算符+用于加值。JavaScript運算符運算符=用于給JavaScript變量賦值。算術(shù)運算符+用于把值加起來。y=5;z=2;x=y+z;在以上語句執(zhí)行后，x的值是7。JavaScript算術(shù)運算符算術(shù)運算符用于執(zhí)行變量與/或值之間的算術(shù)運算。給定y=5，下面的表格解釋了這些算術(shù)運算符：運算符描述例子結(jié)果+加x=y+2x=7-減x=y-2x=3*乘x=y*2x=10/除x=y/2x=2.5%求余數(shù)(保留整數(shù))x=y%2x=1++累加x=++yx=6--遞減x=--yx=4JavaScript賦值運算符賦值運算符用于給JavaScript變量賦值。給定x=10和y=5，下面的表格解釋了賦值運算符：運算符例子等價于結(jié)果=x=yx=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0用于字符串的+運算符+運算符用于把文本值或字符串變量加起來（連接起來）。如需把兩個或多個字符串變量連接起來，請使用+運算符。txt1="Whatavery";txt2="niceday";txt3=txt1+txt2;在以上語句執(zhí)行后，變量txt3包含的值是"Whataveryniceday"。用于字符串的+運算符要想在兩個字符串之間增加空格，需要把空格插入一個字符串之中：txt1="Whatavery";txt2="niceday";txt3=txt1+txt2;或者把空格插入表達(dá)式中：txt1="Whatavery";txt2="niceday";txt3=txt1+""+txt2;在以上語句執(zhí)行后，變量txt3包含的值是："Whataveryniceday"對字符串和數(shù)字進行加法運算x=5+5;document.write(x);x="5"+"5";document.write(x);x=5+"5";document.write(x);x="5"+5;document.write(x);規(guī)則是：如果把數(shù)字與字符串相加，結(jié)果將成為字符串。JavaScript比較和邏輯運算符比較和邏輯運算符用于測試true或false。比較運算符比較運算符在邏輯語句中使用，以測定變量或值是否相等。給定x=5，下面的表格解釋了比較運算符：運算符描述例子==等于x==8為false===全等（

溫馨提示

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

評論

0/150

提交評論