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

下載本文檔

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

文檔簡(jiǎn)介

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

創(chuàng)建JavaScript對(duì)象JavaScript中的幾乎所有事務(wù)都是對(duì)象：字符串、數(shù)字、數(shù)組、日期、函數(shù)，等等。你也可以創(chuàng)建自己的對(duì)象。本例創(chuàng)建名為"person"的對(duì)象，并為其添加了四個(gè)屬性：創(chuàng)建JavaScript對(duì)象<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對(duì)象有很多不同的方法，并且您還可以向已存在的對(duì)象添加屬性和方法。訪問(wèn)對(duì)象的屬性訪問(wèn)對(duì)象屬性的語(yǔ)法是：objectName.propertyName

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

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

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論