JavaScript程序設(shè)計(jì)電子教案_第1頁
JavaScript程序設(shè)計(jì)電子教案_第2頁
JavaScript程序設(shè)計(jì)電子教案_第3頁
JavaScript程序設(shè)計(jì)電子教案_第4頁
JavaScript程序設(shè)計(jì)電子教案_第5頁
已閱讀5頁，還剩12頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1、教案院、部： 軟件工程學(xué)院 教研室： 計(jì)算機(jī)應(yīng)用 姓名： 王維偉 職稱： 助教 課程名稱：JavaScript程序設(shè)計(jì)授課專業(yè)： 1003級 學(xué)生人數(shù)：授課時(shí)間： 2011 至 2012 學(xué)年度 1 學(xué)期教材名稱： JavaScript入門與提高編者曾光出版單位：科學(xué)出版社 出版時(shí)間 2008年7月 第一講第一章第一節(jié)萬維網(wǎng)和HTML教學(xué)目的和目標(biāo)1、了解萬維網(wǎng)的發(fā)展歷史及功能。2、介紹HTML語言的概念，簡單語法。3、熟練編寫靜態(tài)頁面。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解萬維網(wǎng)的功能。2、掌握理解HTML概念，語法規(guī)則及文件結(jié)構(gòu)。3、HTML頁面元素多，記憶難，要求學(xué)生短時(shí)間里具有編寫HTML頁面能力

2、。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容萬維網(wǎng)和HTML萬維網(wǎng)的目的是用于共享資源,這些資源包括文字,圖片,音頻和視頻等.統(tǒng)一的標(biāo)準(zhǔn)是一種用于定位和打開這些信息的超文本語言, HTML語言。什么是萬維網(wǎng)萬維網(wǎng),環(huán)球網(wǎng),1989年始于瑞士日內(nèi)瓦的CERN,通過統(tǒng)一的方式來訪問各類信息，這就是超文本鏈接。為了設(shè)計(jì)含有各類信息資源的超文本鏈接的萬維網(wǎng)頁面，產(chǎn)生了超文本標(biāo)記語言，即HTML。流行瀏覽器有IE,NETscape,firefox等。頁面都有一個(gè)唯一的地址，即統(tǒng)一資源定位符URL,使用的

3、協(xié)議是HTTP協(xié)議。域名是包括標(biāo)識串和網(wǎng)站的類型，com代表私營公司，gov代表政府，edu代表教育機(jī)構(gòu)等。例： http是協(xié)議,www是服務(wù), 是域名。了解HTML標(biāo)簽HTML頁面是純文本，可以用記事本來編輯。HTML文件的后綴名必須是.html或.htm，用瀏覽器來解釋和執(zhí)行。HTML文檔基本組成部分是標(biāo)簽，一般有一對尖括號“<>”,并不是所有的標(biāo)簽都有結(jié)束標(biāo)簽。HTML文檔必須以<html>開始，</html>結(jié)束，一個(gè)HTML文檔分為HEAD和BODY兩部分。<a>標(biāo)簽：href屬性是用來指定超文本鏈接所要訪問的URL地址。<img

4、>標(biāo)簽：src屬性是用來指定要顯示的圖片的地址。HTML標(biāo)簽允許嵌套使用。例子：<!- ->表示注釋。div與span:這是用得最多的兩個(gè)標(biāo)簽，以后會(huì)有專文總結(jié)如何使用好他們，現(xiàn)在必須知道的是前者是block元素，后者是inline元素；而block元素與inline元素區(qū)別正如名字告訴我們的那樣：前者是所包含的內(nèi)容是一個(gè)整體，幾個(gè)block元素間垂直堆疊，強(qiáng)制后面元素另起一行；而后者，幾個(gè)inline元素水平排列，相互間只有水平方向上的邊距設(shè)置才會(huì)有效，padding-top，margin-bottom等豎直格式設(shè)置會(huì)被忽略。不添加css，前者無法并放，后者無法堆疊。即sp

5、an內(nèi)部是不能放div的。ul，ol與dl:無序，有序（按字母或數(shù)字順序）以及定義（表示對話也可以）列表，列表項(xiàng)使用<li>元素標(biāo)記，不能含block元素，即<hx>不能包含其中。a 與link:<a href="#top">,<link>可有得研究他和<a>都有兩個(gè)重要屬性：rel以及rev，rel指出該文檔與href指向的鏈接關(guān)系類型，rev則將兩對象方向互換，可選類型有：alternative，如果是可選譯文，則與lang屬性一起用；如果是可選媒介，則用到media屬性。colgroup，col:在表頭區(qū)分格

6、需要這兩個(gè)標(biāo)簽，并不實(shí)用，不如用scope屬性值，rowspan，colspan等屬性也可，具體哪種更好現(xiàn)在不明。form與input，label:用得太多了，就說form的enctype屬性與input有file類型可用有關(guān)，而reset類型還是別再用了。 <body>標(biāo)簽的常用屬性Background:設(shè)置頁面的背景圖案Bgcolor:設(shè)置頁面的背景色Text:設(shè)置頁面的文字顏色Topmargin：頂空白像素Leftmargin:左空白像素Link: 指定文檔的所有連接顏色不推薦使用樣式來取代Vlink: 指定文檔那些被訪問過的連接顏色不推薦使用樣式來取代編寫HTML頁面例子：

7、HTML頁面是不分大小寫的，常用小寫。一定要閉合HTML標(biāo)簽,聲明正確的文檔類型( DocType ), 不要使用嵌入式CSS樣式, 在頁面head標(biāo)簽中引入所有的樣式表文件, 不要使用嵌入式JavaScript.使用瀏覽器訪問網(wǎng)頁流行瀏覽器有IE,NETscape,firefox等,跨瀏覽器訪問網(wǎng)頁。布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P10: （1）（5）課堂講解第二講第一章第二節(jié)程序與Web腳本教學(xué)目的和目標(biāo)1、了解程序的功能。2、了解與認(rèn)識web腳本。教學(xué)重點(diǎn)與難點(diǎn)1、掌握程序的功能。2、認(rèn)識web腳本。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電

8、子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容程序與Web腳本javascript可以嵌入到HTML頁面, javascript稱為web腳本語言。認(rèn)識一段程序   計(jì)算機(jī)程序或者軟件程序（通常簡稱程序）是指一組指示計(jì)算機(jī)每一步動(dòng)作的指令，通常用某種程序設(shè)計(jì)語言編寫，運(yùn)行于某種目標(biāo)體系結(jié)構(gòu)上。打個(gè)比方，一個(gè)程序就像一個(gè)用漢語（程序設(shè)計(jì)語言）寫下的紅燒肉菜譜（程序），用于指導(dǎo)懂漢語的人（體系結(jié)構(gòu)）來做這個(gè)菜。 通常，計(jì)算機(jī)程序要經(jīng)過編譯和鏈接而成為一種人們不易理解而計(jì)算機(jī)理解的格式，然后運(yùn)行。未經(jīng)編譯就可運(yùn)行的程序通常稱之為腳本程序。程序的運(yùn)行:為了一個(gè)程序運(yùn)行

9、，計(jì)算機(jī)加載程序代碼，可能還要加載數(shù)據(jù)，從而初始化成一個(gè)開始狀態(tài)，然后調(diào)用某種啟動(dòng)機(jī)制。在最低層上，這些是由一個(gè)引導(dǎo)序列開始的。在大多數(shù)計(jì)算機(jī)中，操作系統(tǒng)例如Windows等，加載并且執(zhí)行很多程序。在這種情況下，一個(gè)計(jì)算機(jī)程序是指一個(gè)單獨(dú)的可執(zhí)行的映射，而不是當(dāng)前在這個(gè)計(jì)算機(jī)上運(yùn)行的全部程序。馮諾依曼體系結(jié)構(gòu):在一臺基于最常見的馮諾依曼體系結(jié)構(gòu)(又稱Harvard Architecture)的計(jì)算機(jī)上，程序從某種外部設(shè)備，通常是硬盤，被加載到計(jì)算機(jī)里。 如果計(jì)算機(jī)選擇馮諾依曼體系結(jié)構(gòu)，那么程序就被加載入內(nèi)存。 指令序列順序執(zhí)行，直到一條跳轉(zhuǎn)或轉(zhuǎn)移指令被執(zhí)行，或者一個(gè)中斷出現(xiàn)。所有這些指令都會(huì)改

10、變指令寄存器的內(nèi)容?；谶@種體系計(jì)算機(jī)如果沒有程序的支持將無法工作。一個(gè)計(jì)算機(jī)程序是一系列指令的集合。程序里的指令都是基于機(jī)器語言；程序通常首先用一種計(jì)算機(jī)程序設(shè)計(jì)語言編寫，然后用編譯程序或者解釋執(zhí)行程序翻譯成機(jī)器語言。 有時(shí)，程序也可以用匯編語言編寫，匯編語言實(shí)質(zhì)就是表示機(jī)器語言的一組記號在這種情況下，用于翻譯的程序叫做匯編程序(Assembler)。程序和數(shù)據(jù):程序已經(jīng)被定義了。如何定義數(shù)據(jù)呢？數(shù)據(jù)可以被定義為被程序處理的信息。當(dāng)我們考慮到整個(gè)計(jì)算機(jī)系統(tǒng)時(shí)，有時(shí)程序和數(shù)據(jù)的區(qū)別就不是那么明顯了。中央處理器有時(shí)有一組微指令控制硬件，數(shù)據(jù)可以是一個(gè)有待執(zhí)行的程序（參見腳本編程語言），程序可以編

11、寫成去編寫其它的程序；所有這些例子都使程序和數(shù)據(jù)的比較成為一種視角的選擇。有人甚至斷言程序和數(shù)據(jù)沒有區(qū)別。編寫一個(gè)程序去生成另外一個(gè)程序的過程被稱之為原編程(Metaprogramming)。它可以被應(yīng)用于讓程序根據(jù)給定數(shù)據(jù)生成代碼。單一一個(gè)程序可能不足以表示給定數(shù)據(jù)的所有方面。讓一個(gè)程序去分析這個(gè)數(shù)據(jù)并生成新的程序去處理數(shù)據(jù)所有的方面可能會(huì)容易一些。Lisp就是一例支持這種編程模式的程序語言。在神經(jīng)網(wǎng)絡(luò)里儲(chǔ)存的權(quán)重是一種數(shù)據(jù)。正是這些權(quán)重?cái)?shù)據(jù)，跟網(wǎng)路的拓?fù)浣Y(jié)構(gòu)一起，定義了網(wǎng)絡(luò)的行為。人們通常很難界定這些數(shù)據(jù)到底表示什么或者它們是否可以由程序來代替。這個(gè)例子以及跟人工智能相關(guān)的其它一些問題進(jìn)一

12、步考驗(yàn)程序和數(shù)據(jù)的區(qū)別。算法:算法指解決某個(gè)問題的嚴(yán)格方法，通常還需輔以某種程度上的運(yùn)行性能分析。算法可以是純理論的，也可以由一個(gè)計(jì)算機(jī)程序?qū)崿F(xiàn)。理論算法通常根據(jù)復(fù)雜性分為不同類別；實(shí)現(xiàn)的算法通常經(jīng)過頗析(Profiling)以測試其性能。請注意雖然一個(gè)算法在理論上有效可行，但是一個(gè)糟糕的實(shí)現(xiàn)仍會(huì)浪費(fèi)寶貴的計(jì)算機(jī)資源。（更詳細(xì)信息，參見算法信息論，Algorithmic Information Theory）開發(fā):編寫程序是以下步驟的一個(gè)往復(fù)過程：編寫新的源代碼，測試、分析和提高新編寫的代碼以找出語法和語義錯(cuò)誤。從事這種工作的人叫做程序設(shè)計(jì)員?趨多樣，由此產(chǎn)生了不同種類的程序設(shè)計(jì)員，每一種都有

13、更細(xì)致的分工和任務(wù)。軟件工程師和系統(tǒng)分析員就是兩個(gè)例子。現(xiàn)在，編程的長時(shí)間過程被稱之為“軟件開發(fā)”或者軟件工程。后者也由于這一學(xué)科的日益成熟而逐漸流行。計(jì)算機(jī)程序是利用相應(yīng)的程序設(shè)計(jì)語言,按照一定的邏輯和語法進(jìn)行編寫和組織,通過程序的運(yùn)行,使得計(jì)算機(jī)實(shí)現(xiàn)某種特定的功能。與web相關(guān)的有asp,jsp,php等。例: Php程序一段代碼如下:If ($num>0)echo “the number you enter is >0”Elseecho “the number you enter is <=0”認(rèn)識Web腳本web腳本有javascript,還有VBscript等,腳本

14、語言同程序設(shè)計(jì)語言一樣,是根據(jù)一定的邏輯和語法來編寫腳本,以實(shí)現(xiàn)網(wǎng)頁中的特殊效果。例: javascript 程序如下:If (num>0)alert(“the number you enter is >0”);Elsealert(“the number you enter is <=0”);布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P11: 進(jìn)階練習(xí)。復(fù)習(xí)總結(jié)： 1、萬維網(wǎng)的發(fā)展歷史及功能是共享資源。2、HTML語言的概念，簡單語法。3、掌握程序的功能。4、認(rèn)識web腳本。第三講第二章第一節(jié)JavaScript的發(fā)展史第二節(jié)JavaScript的作用教學(xué)目的和目標(biāo)1、了解JavaS

15、cript的發(fā)展史。2、掌握J(rèn)avaScript的作用。3、熟練編寫頁面特效。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解JavaScript的作用。2、熟練編寫各種頁面特效。3、HTML頁面元素多，記憶難，要求學(xué)生短時(shí)間里具有編寫HTML頁面能力。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容2.1 JavaScript的發(fā)展史Netscape的JavaScript:增加更多的用戶交互,控制瀏覽器以及動(dòng)態(tài)創(chuàng)建頁面內(nèi)容的諸多功能,最主要的是使合法性驗(yàn)證之類的工作在客戶端得以實(shí)現(xiàn)。Microsoft的Jscript:

16、IE瀏覽器。EMCA-262標(biāo)準(zhǔn):歐洲計(jì)算機(jī)制造商聯(lián)合會(huì)創(chuàng)造了一個(gè)國際通用的標(biāo)準(zhǔn)化版本的JavaScript，稱為EMCAScript。2.2 JavaScript的作用表單驗(yàn)證:最基本和最重要的作用。例：2-1.htm演示各個(gè)限制條件。實(shí)現(xiàn)網(wǎng)頁特效。文字特效：例子2-2.htm鼠標(biāo)特效2-3.htm圖片特效2-4.htm頁面特效2-5.htm時(shí)間特效2-6.htm狀態(tài)欄特效2-7.htm導(dǎo)航特效2-8.htm綜合特效2-9.htm改善頁面樣式頁面樣式是通過樣式表來定義的.通過樣式表,定義頁面元素的表現(xiàn)形式。如控制顏色,圖案,文字,可見性等。應(yīng)用AjaxAjax技術(shù)并不是一個(gè)新的語言，是jav

17、ascript,xmlhttp,css,xhtml,xml等的一個(gè)綜合應(yīng)用。優(yōu)勢是通過數(shù)據(jù)異步傳輸從而減少交互時(shí)間和改善用戶體驗(yàn)等。例：圖2.20:頁面的多塊區(qū)域能分時(shí)異步加載，減少等待時(shí)間。圖2.23:通過Ajax技術(shù)，實(shí)時(shí)對用戶名進(jìn)行驗(yàn)證并在頁面上顯示文字提示。布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P32:（1）（4）課堂講解第四講第二章第三，四，五節(jié)使用JavaScript，瀏覽器與JavaScript，其他常用腳本和技術(shù)教學(xué)目的和目標(biāo)1、掌握J(rèn)avascript的使用。2、了解瀏覽器與JavaScript的版本號。3、了解其他常用腳本和技術(shù)。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解JavaScript的

18、使用。2、掌握理解文檔對象模型概念。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容使用Javascript認(rèn)識<script>標(biāo)簽Javascript是嵌入到html才被解釋執(zhí)行的， Javascript代碼可以放到頁面的任意位置。使用<!和/->將程序段包含起來，可以讓不支持的瀏覽器忽略過這一段代碼。嵌入網(wǎng)頁使用JavaScript文件把篇幅較多的JavaScript代碼保存到一個(gè)單獨(dú)的文件中，然后在HTML文檔中進(jìn)行引用，保持頁面的清晰性。代碼重復(fù)使用，只需引用文件即可

19、，減少維護(hù)的工作量。JavaScript文件使用js作為擴(kuò)展名，通過<script>中的src來引用.使用<script>標(biāo)簽的src屬性來指定文件的路經(jīng)，可以使用外部的JavaScript文件。使用事件除了由用戶的行為來觸發(fā)的事件外，Javascript也響應(yīng)某些不由用戶觸發(fā)的事件，如整個(gè)HTML頁面加載完后的load(加載)事件。瀏覽器與JavaScript簡單認(rèn)識文檔對象模型DOM通過創(chuàng)建樹來表示一個(gè)HTML文檔，從而使控制文檔內(nèi)容及結(jié)構(gòu)變得異常的容易。 Javascript的版本表不同的瀏覽器支持IE,Netscape,firefox等,表指定Javascrip

20、t版本<script>標(biāo)簽的language屬性來指定。例：<script language=“javascript1.1”>Alert(“hello”);</script>版本號可以省。其他常用腳本和技術(shù)VBscript語言例：Java語言JavaScript和Java不是一個(gè)概念，Java是SUN公司推出的編程語言，跨平臺執(zhí)行的程序設(shè)計(jì)語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品，其目的是為了擴(kuò)展Netscape Navigator功能而開發(fā)的一種可以嵌入Web頁面中的基于對象和事件驅(qū)動(dòng)的解釋性語言。2

21、.5.3 Asp和語言Asp是“活動(dòng)服務(wù)器網(wǎng)頁”，用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或Web應(yīng)用程序，用于各種動(dòng)態(tài)網(wǎng)站，擴(kuò)展名為.asp。A是asp的最近版本，擴(kuò)展名為.asp或.aspx。2.5.4 php語言基于服務(wù)端創(chuàng)建動(dòng)態(tài)網(wǎng)站的腳本語言，是開放源碼和跨平臺運(yùn)行。布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P32:（5）（9）課堂講解P32: 進(jìn)階練習(xí) 即項(xiàng)目實(shí)訓(xùn)1第五講第三章第一部分教學(xué)目的和目標(biāo)1、熟悉編輯javascript常用工具。2、掌握整個(gè)程序設(shè)計(jì)過程與思路。3、掌握普通提示對話框方法。4、掌握控制頁面元素的顯示和隱藏方法。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解整個(gè)程序設(shè)計(jì)過程與思路。2、掌握普通提示對話框方

22、法。3、掌握控制頁面元素的顯示和隱藏方法。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容常用工具介紹使用記事本:記事本編輯純文本文件,HTML文檔,Javascript程序和其他各種類型的文本文件.演示操作.注意保存文件類型選擇為”所有文件”,文件名擴(kuò)展名為.htm或html,js等.使用EditPlus文字編輯器。EditPlus文字編輯器功能強(qiáng)大,使用方便。 使用Dreamweaver網(wǎng)頁軟件1.方便的設(shè)計(jì)2.可視化編輯3.強(qiáng)大的Javascript和CSS支持設(shè)計(jì)簡單的Javascript功

23、能要?jiǎng)?chuàng)建一個(gè)完整的程序,事先需要對所實(shí)現(xiàn)的功能進(jìn)行設(shè)計(jì).例:2-9.htm編寫Javascript代碼之前按照設(shè)計(jì)好的功能進(jìn)行具體的實(shí)現(xiàn),包括HTML頁面和Javascript相關(guān)編寫向用戶顯示普通提示對話框一個(gè)好的網(wǎng)頁除了要有合適的動(dòng)態(tài)內(nèi)容外,還應(yīng)該有好的交互性,就是讓用戶在訪問網(wǎng)頁的過程中得到信息提示,或提供給用戶一些選擇.<script language=“javascript”><!/Alert(“this is a simple user alert.”);/-></script>Alert()是內(nèi)置函數(shù),出現(xiàn)提示框.控制頁面元素的顯示和隱藏Jav

24、ascript的主要作用之一是控制頁面元素的樣式.例Javascript控制樣式的顯示需要兩個(gè)條件:(1)獲取需要控制的元素對象.document.getElementById(“id”)(2)使用對象的style屬性來操作樣式.例布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P59:（1）（3）課堂講解第六講第三章第二部分教學(xué)目的和目標(biāo)1、掌握確認(rèn)提示對話框方法。2、掌握網(wǎng)頁中輸出內(nèi)容方法。3、掌握變量存儲(chǔ)數(shù)據(jù)定義方法。4、掌握函數(shù)定義方法。5、掌握HTML與Javascript整合技巧與方法。教學(xué)重點(diǎn)與難點(diǎn)1、掌握確認(rèn)提示對話框方法。2、掌握網(wǎng)頁中輸出內(nèi)容方法。3、掌握變量存儲(chǔ)數(shù)據(jù)定義方法。4、掌握函

25、數(shù)定義方法。5、理解HTML與Javascript整合技巧與方法。6、培養(yǎng)學(xué)生整合HTML與Javascript能力。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容向用戶顯示確認(rèn)提示對話框<script language=“javascript”><!/confirm(“eat?”);/-></script>confirm()是內(nèi)置函數(shù),出現(xiàn)確認(rèn)提示框.在網(wǎng)頁中輸出內(nèi)容提供了在網(wǎng)頁中輸出內(nèi)容的方法,用”document.write();”例: 使用變量存儲(chǔ)數(shù)據(jù),

26、用var來顯示Var str=“hello”;例: 使用javascript進(jìn)行計(jì)算Javascript支持”+,-,*,/”等運(yùn)算符.例: 將javascript代碼定義為函數(shù)定義函數(shù)使用function語句Function 函數(shù)名() 語句;<script language=“javascript”><!/Function Fun1(i,j,k)alert(i-j+k);Fun1(10,100,3);/-></script>文檔編寫與Javascript整合把代碼嵌入到頁面中.編寫出所有需要的頁面元素通過單選按鈕控制隱藏屬性編寫出所有需要的頁面元素提交表

27、單時(shí)的確認(rèn)提示框用JAVASCRIPT函數(shù)計(jì)算結(jié)果生成最終頁面整合所有功能:借助主函數(shù)把所有功能組織起來.布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P59:（4）（10）課堂講解P59: 進(jìn)階練習(xí) 即項(xiàng)目實(shí)訓(xùn)2。第七講第四章第一部分教學(xué)目的和目標(biāo)1、掌握J(rèn)avascript語法結(jié)構(gòu)。2、掌握理解Javascript對象概念。3、掌握理解Javascript對象創(chuàng)建。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解Javascript語法結(jié)構(gòu)。2、掌握理解Javascript對象概念。3、對象概念多，理解難，要求學(xué)生短時(shí)間里具有編寫對象能力。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電

28、子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容語法結(jié)構(gòu)大小寫敏感對大小寫敏感，必須大小寫一致，而HTML是不區(qū)分大小寫的，而Javascript是嵌入到html中去，必須注意?？崭?，制表符和換行使分隔符，來對齊用程序語句，或?qū)⒁粭l長語句分成幾行編寫，對于程序的美觀整潔是很有好處的，增加了程序的可讀性。直接量是程序里直接顯示出來的數(shù)值。分號用來分隔兩條程序語句的，每條語句都使用一個(gè)分號“;”作為結(jié)束。標(biāo)識符用來命名變量或函數(shù)等。標(biāo)識符命名規(guī)則必須是以字母，下劃線或美元符開始的字母，數(shù)字，或任意組合，數(shù)字不允許作為變量名的開頭，標(biāo)識符不能和保留字重名。保留字表理解Javascript

29、對象 Javascript面向?qū)ο蟾拍蠲嫦驅(qū)ο蟊M可能模擬人類的思維習(xí)慣,使程序設(shè)計(jì)的方法與過程盡可能的接近人類的自然思維方式.Javascript對象類基于構(gòu)造器函數(shù)創(chuàng)建的實(shí)例化一個(gè)對象,構(gòu)造器函數(shù)包含屬性和方法兩個(gè)基本的元素,屬性實(shí)際上用于存儲(chǔ)對象的數(shù)據(jù),方法是在對象內(nèi)部調(diào)用的函數(shù),用來實(shí)現(xiàn)一些功能或?qū)傩赃M(jìn)行訪問更改.對象的創(chuàng)建Javascript對象是通過”new”來創(chuàng)建的,Var obj=new object();類名通常以大寫字母來開頭,而構(gòu)造器函數(shù)相當(dāng)于類,因此構(gòu)造機(jī)器函數(shù)通常以大寫字母開頭.Var date=new Date();/創(chuàng)建日期對象布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P

30、70:（1）（4）課堂講解第八講第四章第二部分教學(xué)目的和目標(biāo)1、掌握J(rèn)avascript對象屬性的設(shè)置和讀取。2、掌握J(rèn)avascript對象的方法，繼承和原型。3、培養(yǎng)學(xué)生養(yǎng)成良好的編程習(xí)慣。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解Javascript對象屬性的設(shè)置和讀取。2、掌握理解Javascript對象的方法，繼承和原型。3、理解良好的編程習(xí)慣重要性。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容屬性的設(shè)置和讀取通常用”.”運(yùn)算符實(shí)現(xiàn)屬性的存取,”.”左邊是表示該對象的引用名,右邊是屬性名稱.Var d

31、og=new Dog();Dog.dog_weight=50;Dog.dog_type=“big”;Alert(“dog type:”+dog.dog_type);對象的方法:訪問屬性通過”this”, 對象的方法其實(shí)就是一個(gè)函數(shù),Function showDogInfo() alert(“dog type:”+this.dog_type); .對象的繼承和原型:對象是類的一個(gè)實(shí)例,類是對象的抽象,繼承是對象的一個(gè)很重要的特征,對象可以從實(shí)例化它的構(gòu)造器函數(shù)中繼承到屬性和方法.Function Animal(type,sound,food)This.animal_type=type;./實(shí)例化

32、對象Var dog=new animal(“dog”,);原型屬性是一個(gè)內(nèi)置的屬性,指定了對象所擴(kuò)展的是構(gòu)造器函數(shù).Dtotype.detail_type=“”;Var cat=new Animal(“cat”,);Alert(cat.detail_type);/輸出”通常情況下用prototype.detail_type=“”;增加屬性,具體的屬性值將在具體的實(shí)例化對象中設(shè)置,使用原型屬性可以實(shí)現(xiàn)附加對象定義擴(kuò)展對象.養(yǎng)成良好的編程習(xí)慣維護(hù)成本大于開發(fā)成本，養(yǎng)成良好的編程習(xí)慣尤為重要。命名風(fēng)格：命名風(fēng)格必須保持一致性和可讀性，任何一個(gè)實(shí)體的主要功能或用途必須能夠從命名中明顯的看出

33、來。函數(shù)：實(shí)現(xiàn)功能?！皠?dòng)詞+名詞” ：showInfo();變量名：存儲(chǔ)數(shù)據(jù)：名詞或形容詞+名詞。以小寫字母開頭，第二個(gè)開始小寫，allMoney();類：使用名詞，以大寫字母開頭，Book();使用注釋（1）使用“/”實(shí)現(xiàn)單行注釋（2）使用“/*”和“*/”實(shí)現(xiàn)塊注釋，不能嵌套，可以跨多行。（3）使用整塊注釋注釋不是越多越好，要講究一個(gè)度，沒必要為每條語句加注釋。布置課后任務(wù)及作業(yè)完成課后練習(xí)題：P70:（5）（8） 課堂講解P71: 進(jìn)階練習(xí) 第九講第五章第一部分教學(xué)目的和目標(biāo)1、掌握變量的命名。2、掌握賦值給變量的方法。3、掌握變量的作用域。教學(xué)重點(diǎn)與難點(diǎn)1、掌握理解變量的命名。2、掌握理解賦值給變量的方法。3、掌握理解變量的作用域。教學(xué)方法和手段1、以課堂問答法和案例討論法為主，以講授法和指導(dǎo)法為輔。2、使用先鋒電子教室多媒體手段進(jìn)行教學(xué)。教學(xué)時(shí)間：2課時(shí)教學(xué)過程及詳細(xì)內(nèi)容變量的命名變量是用來存儲(chǔ)數(shù)據(jù)的，利用變量參與各種運(yùn)算以實(shí)現(xiàn)動(dòng)態(tài)的效果。使用有意義的名稱變量名代表了所存儲(chǔ)數(shù)據(jù)的具體含義，給變量取合適的名字能夠理解變量的含義，從而讓程序的

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(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ǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論