第10章 錦上添花的腳本.ppt

1、第10章錦上添花的腳本，10.1理論： JavaScript的應(yīng)用10.2實例程序10.3總結(jié)，10.1理論： JavaScript的應(yīng)用，10.1.1知道JavaScript1. JavaScript的由來提及JavaScript 名稱相似，是提供互聯(lián)網(wǎng)和WWW興盛下發(fā)展起來的兩個網(wǎng)頁的腳本設(shè)計的語言，但有很大差異。 下一頁，10.1理論： JavaScript的應(yīng)用，(1)JavaScript是描述語言，可以直接在瀏覽器中運行的Java必須先執(zhí)行編譯、鏈接等操作，如正統(tǒng)編程語言(如C/C )。 (2)JavaScript必須寫在HTML文件中，直接看網(wǎng)頁的源代碼就能看到JavaScript

2、腳本，所以沒有保護，任何人都可以在HTML文件中復(fù)制腳本，另一方面，Java適用于網(wǎng)頁、下一頁、上一頁、10.1理論： JavaScript的應(yīng)用、(3)JavaScript的結(jié)構(gòu)比較自由，例如，在腳本中使用的變量之前不需要明確的定義，但Java與正統(tǒng)的編程語言一樣，結(jié)構(gòu)比較嚴(yán)格。 (4)JavaScript不具有文件的讀寫和網(wǎng)絡(luò)控制等功能，Java提供這些功能，但是JavaScript在web內(nèi)容的控制和交互性方面是最方便和迅速的。 3. JavaScript難嗎？ JavaScript是設(shè)計網(wǎng)頁的記述語言，但嚴(yán)格來說并不像正統(tǒng)的編程語言那么復(fù)雜，學(xué)習(xí)也比想象的難。下一頁、上一頁、10.1理

3、論： JavaScript的應(yīng)用、10.1.2填寫第一個JavaScript程序(1)打開Dreamweaver并創(chuàng)建新頁面。 單擊代碼按鈕，如圖10-1所示。 (2)在代碼界面中，如圖103所示，看到在HTML中學(xué)習(xí)的幾個標(biāo)志，在它們之間附加有web頁的標(biāo)題Java。 (3)如圖10-4所示，將鼠標(biāo)移動到標(biāo)記之間，輸入后按下Enter鍵。 下一頁，上一頁，10.1理論： JavaScript的應(yīng)用，(4)其次是“歡迎來到alert (歡迎來到nn這里是硬件沙龍，nn歡迎參觀指導(dǎo)！ 不要！ 然后按鍵盤上的Enter鍵，如圖10-5所示。 (5)最后輸入完成簡單的JavaScript腳本。 (6

4、)保存文件后，制作的效果圖如圖10-7、圖10-8所示。下一頁、上一頁、10.1理論： JavaScript的應(yīng)用、10.1.3一般概念1. JavaScript腳本的開始和結(jié)束HTML使用徽標(biāo)控制web內(nèi)容的顯示。 2 .插入2. JavaScript腳本的位置，在歡迎中心示例中，將腳本寫入和id。下一頁、上一頁、10.1理論： JavaScript的應(yīng)用、3 .解決與舊瀏覽器的兼容性問題在網(wǎng)頁上使用JavaScript可能會導(dǎo)致與舊瀏覽器不兼容的問題，而其他人不支持JavaScript的舊瀏覽器JavaScript的源代碼是4 .修改最初的腳本中，我們已經(jīng)做了網(wǎng)站的歡迎信息的對話框，如果想

5、做進(jìn)一步的變更，請在網(wǎng)站上告訴網(wǎng)絡(luò)用戶今天的日期，翻到上一頁，10.2.1數(shù)字圖10 Var hour，min，sec的詳細(xì)分析是聲明hour，min，sec的三個變量。 函數(shù)顯示時鐘()定義了顯示時鐘()函數(shù)。 Now=new Data ()創(chuàng)建提供操作的日期對象。 Hour=now.getHour ()日期對象占用時間的操作。 下一頁，10.2實例程序，10.2.2消息，如果想在不同的時間段用不同的歡迎語向訪問網(wǎng)站的網(wǎng)民問好，例如上午8點在網(wǎng)頁上發(fā)出“早上好，停止！ 現(xiàn)在是上午8點”。 1 .源代碼首先在和之間插入代碼，如圖10-16所示。 分析前的東西和前面的例子一樣，所以在這里簡單說明

6、。、下一頁、上一頁、10.2實例程序、10.2網(wǎng)頁的背景和樣式隨時間變化在網(wǎng)頁上，可以用數(shù)字表示時間，每個時間段顯示不同的消息，此外還可以使網(wǎng)頁的背景顏色隨時間變化，讓訪問者在視覺上1 .源代碼將以下代碼插入適當(dāng)?shù)奈恢?，如圖10到18所示： 2 .分析if (hr5 hr18 )的是邏輯符號，表示兩個條件都滿足。下一頁、上一頁、10.2實例程序、10.2.4狀態(tài)欄運行馬燈1 .源代碼2 .分析while (I140 ) scroll text=scroll text在I 140時，表示I自增window.status是狀態(tài)欄對象。下一頁、上一頁、10.2實例程序、10.2.5提示互聯(lián)網(wǎng)用戶在打

7、開頁面時加入收藏夾，從而保持互聯(lián)網(wǎng)用戶注意到在離開時加入收藏夾的頁面，圖10 1 .源代碼將以下代碼插入和之間，如圖10-22所示： 2 .分析window.external.AddFavorite (，)是系統(tǒng)附帶的函數(shù)，可以直接調(diào)用。下一頁、上一頁、10.2實例程序、10.2.6表單驗證檢索下一個表單，刪除原始行為圖，然后再次使用JavaScript校驗表單，取得的效果如圖10-23所示。 源代碼在和之間添加下面的代碼，翻開上一頁，總結(jié)10.3，本章對腳本語言JavaScript來說只是引號。 在上網(wǎng)過程中，可以通過“查看源代碼”功能收集許多有趣的腳本。 也可以在互聯(lián)網(wǎng)上的許多地方下載到JavaScript代碼。 一般來說，提供源代碼的位