1、網(wǎng)頁設計課程學習心得總結(jié)（主要為JavaScript知識總結(jié)）學院： 太原工業(yè)學院 學號： 1 姓名： 劉創(chuàng) 班級： 指導教師： 邢珍珍 專業(yè)： 計算機課科學與技術 系別： 計算機工程系 7 / 8文檔可自由編輯打印總結(jié)經(jīng)過一個學期的網(wǎng)頁設計的學習，我們的專業(yè)基礎更加扎實了，我們對于自己的專業(yè)學習更加有信心了。一開始對于網(wǎng)站設計我是抱著好奇以及興趣認真地學習，剛開始接觸網(wǎng)頁設計時會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學者，有這種天真的夢想促使我更努力的學習網(wǎng)頁設計。平時邢老師授課，講解了有關網(wǎng)頁設計的理論知

2、識以及實際操作的示范。網(wǎng)頁設計更著重于實際操作，我們在機房通過每次上課的學習運用，已經(jīng)有了一定的基礎。一開始我們都是看著別人的網(wǎng)站去模仿建設，到后來每個人在設計自己的網(wǎng)頁時都有自己的人個人風格，這就是網(wǎng)頁設計的樂趣。他不僅可以激發(fā)同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。到了課程設計階段，讓我更清楚地認識到自己的建站水平。剛開始覺得兩個星期足夠我們?nèi)ソǔ梢粋€網(wǎng)站，但是我太高估我們自己了。一開始設計網(wǎng)站時不知道從何下手，之前老師上課講的知識一時不知道怎么靈活運用起來，我才發(fā)覺對我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設計都需要比較長的時

3、間去思考以及翻查書本。但是我很積極地向舍友提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網(wǎng)站建設過程中，我發(fā)現(xiàn)自己對于知識不能靈活運用，不能巧妙地結(jié)合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當測試的時候出現(xiàn)了錯誤但是不能看懂出錯原因，只能靠網(wǎng)上搜索。但是我能積極去面對才能完成任務，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學，這次課程設計我反省了自身的存在問題。我建立網(wǎng)站的時候都發(fā)揮自己的創(chuàng)新力、想象力，用心地完成這個大項目。會遇到很多的問題，經(jīng)常

4、因為一個細小的步驟而出錯，做動態(tài)網(wǎng)頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因為不知道出錯原因，或者因為asp的使用語法不熟悉，或IIS配置不正確等等。當請教同學的時候才恍然大悟，原來是這么簡單的。當然，最終可以解決困難我還是很欣慰的。其中對于JavaScript技術，在本學期學習的過程中深有感悟，同時也在這次課程設計中收獲了很多關于他的知識，在這里我就JavaScript的知識，總結(jié)一下有關JavaScript的相關知識。JavaScript知識總結(jié)1. 首先我們先認識什么是javascript？(1) JavaScript是一種

5、基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言。(2) JavaScript是由Netscape公司開發(fā)的一種腳本語言，其編寫的程序可以嵌入到HTML頁面中，并直接在瀏覽器中解釋執(zhí)行。(3) JavaScript可以被瀏覽器直接解釋執(zhí)行，它可以更好得減小服務器壓力，提高程序運行效率。2. 其次認識下JavaScript發(fā)展歷史以及應用范圍關于歷史離我們太遠了，我們只需記住JavaScript是Netscape公司開發(fā)的就行，現(xiàn)在JavaScript是應用非常廣泛的語言，也是一種”神奇”的語言。應用范圍:(1) 增強網(wǎng)頁的動態(tài)效果 (2) 實現(xiàn)與用戶的實時

6、動態(tài)交互 (3) 對客戶端的事件進行處理 (4) 對瀏覽器窗口進行簡單的控制 (5) 通過自帶的document對象對HTML文檔的外觀和內(nèi)容進行操作和處理 3. 認識Javascript語言特性(1) 基于對象：提供內(nèi)置對象 (2) 事件驅(qū)動：腳本語言特性 (3) 簡單性：弱類型語言 (4) 動態(tài)性：可以實時與網(wǎng)頁交互 (5) 跨平臺：瀏覽器解釋執(zhí)行 4. 如何使用JavaScript語言4.1引入JavaScript的三種方式(1) 內(nèi)部引用：在HTML頁面中嵌入JavaScript腳本語言，使用標簽<script type=”text/javascript”>/js code

7、</script>,標簽之間寫js腳本，對于type屬性，希望大家記住，我們強制大家使用。(2) 外部引用：<script src=”引入后綴名為js的腳本文件的位置”></script>(3) 內(nèi)聯(lián)引用：<input type=”button” value=”點擊” onclick=”javascript:alsert(內(nèi)聯(lián)f方式)”/>4.2 javascript的放置位置我們知道了關于javascript的引入方式，那么我們就要面臨這樣的問題是我們把javascript腳本應該放在什么位置。經(jīng)過測試，我們發(fā)現(xiàn)javascript腳本語言可以

8、放置在頁面的任意位置，但是定義的時候說最好放在body標簽或head標簽之間，但是我們推薦大家寫在head標簽之間，這樣也算是一種潛規(guī)則吧。4.3 關于javascript的注釋單行注釋:/多行注釋:/* 注釋 */5. 認識javascript命名規(guī)則 a) 變量名以字母、下劃線或美元符號開頭 b) 變量名只能由字母、數(shù)字、下劃線或美元符號組成，不能包含標點符號，不能使用漢字 不能使用JavaScript保留字(關鍵字) c) JavaScript對大小寫敏感 d) 變量名應該能夠體現(xiàn)其本身的意義 e) 首字母小寫，第二個單詞開始首字母大寫 f) 同一代碼塊中應統(tǒng)一規(guī)范，參照匈牙利命名法 6

9、. javascript語法元素6.1變量(1) 定義變量是用來臨時存儲信息的，值可以改變的容器。(2) 聲明在JavaScript中，可以使用var關鍵字來聲明變 量，同時由于JavaScript是一種弱類型的腳本語言，變量還可以在不聲明的情況下直接使用。 但是，使用var關鍵字顯示地聲明變量，可以提高程序的可讀性。因此，在JavaScript中做 變量聲明時，最好使用var顯式的聲明。聲明方式介紹1.一次聲明一個變量，只聲明不給變量賦初始值。例如： var str；2.一次聲明同種類型的多個變量，不賦初始值。例如： var i,j,k;3.一次聲明一個變量，同時給變量賦值。 var siz

10、e=0;提示:JavaScript 變量聲明時，不指定變量的數(shù)據(jù)類型，一個變量一旦聲明，可以存放任何數(shù)據(jù)類型的信息，JavaScript會根據(jù)存放信息的類型，自動為變量分配合適的數(shù)據(jù)類型。特殊情況，如果不使用var聲明變量，大家不需要見怪，如果需要可以自學。(3) 變量的作用域Javascript中也分為全局變量和局部變量，理解方式跟java當中類似。6.2數(shù)據(jù)類型(1) typeof的使用typeof方法是對返回值的類型，使用方式typeof X 或者 typeof(X) 推薦(2) 數(shù)據(jù)類型介紹在我們認識的javascript世界中，我們接觸的數(shù)據(jù)類型沒有java中的類型那么復雜，但是我們

11、從來不應該去蔑視他，我們要重視它的本質(zhì)，看穿它。下面我們來學習一下JavaScript的數(shù)據(jù)類型數(shù)據(jù)類型我們分為兩種：簡單類型和復雜類型。簡單類型介紹類型名稱類型描述string字符串是指在JavaScript中用單引號或雙引號包含起來的零至多個字符。面向人類的理性事物，而不是機器信號。人機信息溝通、代碼根據(jù)此理解人的意圖等功能都靠它了。number線性的事物，大小和次序分明，多而不亂，便于代碼進行批量處理，也控制代碼的迭代和循環(huán)等。注意：typeof(NaN)和typeof(Infinity)都返回numberNaN如果參與任何數(shù)值計算的結(jié)構(gòu)都是NaN,而且NaN!=NaN Infinity

12、/Infinity=NaN boolean是就是，非就非，沒有疑義。既可以被代碼處理，也可以控制代碼的流程。當比較兩個表達式的值的時候，值為0的表達式看做false，而不為0的表達式看做true。null null是一種特殊的數(shù)據(jù)類型，它表示“無值” null類型數(shù)據(jù)唯一的、合法的值是nullnull還可以表示其他類型的數(shù)據(jù)，說明它們是無效的 undefined如果使用的變量并不存在，或者使用的變量雖然聲明但沒有賦值，那么返回的值就是undefined提示: null與undefined的不同之處在于：null值表示已經(jīng)對變量賦值，只不過賦的值是“無值”；而undefined表示變量還不存在或

13、者存在但沒有賦值.復雜類型：只有一個就是object6.3 運算符等于運算符（=） 如果被比較的運算數(shù)是同類型的，那么等于運算符將直接對運算數(shù)進行比較；如果被比較的運算數(shù)類型不同，那么等于運算符在比較兩個運算數(shù)之前會自動對其進行類型轉(zhuǎn)換嚴格等于運算符（=） 它在比較之前不會對運算數(shù)的類型進行自動轉(zhuǎn)換。只有兩個運算數(shù)在沒有進行類型轉(zhuǎn)換前是相等的，它才會返回true，否則返回false。提示: 全等也就是數(shù)值與數(shù)據(jù)類型都相等才返回trueA=B&&typeof(A)=typeof(B)7. 控制語句JavaScript語言中的流程控制語句與Java語言中幾乎完全一致，分支流程可以使

14、用if else結(jié)構(gòu)或switch結(jié)構(gòu)，循環(huán)流程可以使用for或while循環(huán)，具體語法如下。1if語句的語法結(jié)構(gòu)if語句的語法結(jié)構(gòu)如下： if (條件表達式A) /條件表達式A為true，所執(zhí)行的代碼塊 else if(條件表達式)B /條件表達式B為true，所執(zhí)行的代碼塊 else / 條件表達式A和條件表達式B都為false，所執(zhí)行的代碼塊 2switch語句的語法結(jié)switch語句的語法結(jié)構(gòu)如下： switch (表達式) case 值1 : /表達式與值1匹配時，所執(zhí)行的代碼塊 break; case 值2 : /表達式與值2匹配時，所執(zhí)行的代碼塊 break; default :

15、 /所有case值都與表達式不匹配時，所執(zhí)行的代碼塊 3for語句的語法結(jié)構(gòu)for語句的語法結(jié)構(gòu)如下： for (初始化語句; 循環(huán)判斷條件; 循環(huán)執(zhí)行語句) /循環(huán)體 4while語句的語法結(jié)構(gòu)while語句的語法結(jié)構(gòu)如下： while (循環(huán)判斷條件) /循環(huán)體 5dowhile語句的語法結(jié)構(gòu)dowhile語句的語法結(jié)構(gòu)如下： do /循環(huán)體 while (循環(huán)判斷條件);函數(shù)的定義函數(shù)的定義由4部分組成：關鍵字、函數(shù)名、參數(shù)、函數(shù)體。 兩種方式：定義式和變量式第一種定義稱為定義式，第二種為變量式。在實際應用中二者沒有區(qū)別，但在調(diào)用中順序上差異。定義式可以在調(diào)用之后再定義，而變量式則不可以

16、 。(1) 參數(shù)沒有參數(shù)類型，直接使用參數(shù)(2) 沒有返回值，如果需要返回值就使用關鍵字return(3) 加載方式回顧一下8. 事件處理1.什么是事件處理？Js中是采用事件驅(qū)動響應用戶操作的，比如通過鼠標、按鍵在瀏覽器窗口或者頁面元素（按鈕，文本框。）上執(zhí)行的操作，我們稱之為事件。由鼠標或按鍵引發(fā)的一連串動作，稱之為事件驅(qū)動。對事件處理的程序或函數(shù)，我們稱之為事件處理程序2.事件驅(qū)動原理事件源JavaScript事件處理事件處理程序JavaScript事件處理事件對象事件對象包含一些屬性信息事件源：可以是（1）網(wǎng)頁元素按鈕、文本框等（2）瀏覽器窗口（3）其它事件對象：一般說當一個事件發(fā)生時，會產(chǎn)生一個描述該事件的具體對象，該對象包含該事件的一些詳細信息，比如你按下的是哪個鍵，或點鼠標對應的x,y值等事件處理程序：一般來說就是函數(shù)，事件通常與函數(shù)配合使用，這樣可以通過發(fā)生的事件來驅(qū)動數(shù)據(jù)執(zhí)行3.事件類型介紹鍵盤事件鼠標事件H