第一章javascript基本介紹(已修改)
2024-09-17 09:01 本頁(yè)面
【正文】 第一章 JavaScript 基本介紹 張智星 臺(tái)大資工系 多媒體檢索實(shí)驗(yàn)室 1/50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 前言 ? 本投影片適用於「 JavaScript 程式設(shè)計(jì)與應(yīng)用」，原書(shū)連結(jié)如下： ? ? 如果你是從此書(shū)光碟取得此投影片，可隨時(shí)連至上述連結(jié)，以取得最新版本的投影片及範(fàn)例檔案。 2 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 本章大綱 ? 大綱 ? 本章介紹 JavaScript 的背景及特性，並說(shuō)明 JavaScript 的執(zhí)行方式及基本範(fàn)例。 ? 主題 ? 11：背景及特色 ? 12：執(zhí)行方式一：循序執(zhí)行 ? 13：執(zhí)行方式二：事件驅(qū)動(dòng) ? 14：基本表單 ? 15： JavaScript 和 VBScript 的比較 ? 16：網(wǎng)路資源 3 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 11 背景及特色 ? 本小節(jié)說(shuō)明 JavaScript程式語(yǔ)言的發(fā)展背景及相關(guān)特色。 4 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 背景 ? JavaScript程式語(yǔ)言的背景 ? 由 Netscape Communications 公司所開(kāi)發(fā)的一種解譯式程式語(yǔ)言，專門(mén)用在網(wǎng)頁(yè)中，並在用戶端的電腦執(zhí)行，以提高網(wǎng)頁(yè)的互動(dòng)性為主要目標(biāo) ? 網(wǎng)頁(yè)內(nèi)訂預(yù)設(shè)的客戶端程式語(yǔ)言。因此只有 JavaScript 能同時(shí)適用於 Chrome、 FireFox 或 IE 等各大瀏覽器 。 ? 滿足 ECMA（ European Computer Manufacturer‘s Association，歐洲電腦製造商協(xié)會(huì)）所制訂的標(biāo)準(zhǔn)。 5 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 可使用之平臺(tái) ? JavaScript 可發(fā)揮的平臺(tái) ? 用戶端：預(yù)設(shè)的網(wǎng)頁(yè)程式語(yǔ)言，可用於 Chrome、FireFox 或 IE 等各大瀏覽器。 ? 伺服器：適用於微軟 IIS 網(wǎng)頁(yè)伺服器的 ASP 語(yǔ)言環(huán)境，可在網(wǎng)頁(yè)送到客戶端之前，進(jìn)行各種處理，或和資料庫(kù)進(jìn)行資料存取。 ? 單機(jī)版：適用於微軟的視窗作業(yè)系統(tǒng)（ Win9ME、 20 XP、 Vista、 Win Win8 等），可用於取代原先功能不強(qiáng)的 DOS 批次檔（ Batch Files），特別適用於處理日常性或重複型的工作，例如網(wǎng)頁(yè)的抓取或帳號(hào)的建立，等等。 6 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 在網(wǎng)頁(yè)程式設(shè)計(jì)的主要功能 ? JavaScript 在網(wǎng)頁(yè)程式設(shè)計(jì)的主要功能 ? 提高網(wǎng)頁(yè)互動(dòng)性及趣味性，例如以 JavaScript 所發(fā)展出來(lái)的各種遊戲或教材。 ? 執(zhí)行在用戶端的計(jì)算及驗(yàn)證，以減少伺服器端的計(jì)算及網(wǎng)路流量，例如表單驗(yàn)證（ Form Validation）。 ? Cache功能，可將未用到的圖檔（或其他檔案）預(yù)先抓回，以增加使用者的便利。 ? AJAX 功能：在不換頁(yè)的情況下來(lái)存取伺服器資料並顯示於網(wǎng)頁(yè) 7 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 程式語(yǔ)言特性 ? JavaScript 語(yǔ)言特性 ? JavaScript 的程式碼是內(nèi)嵌於 HTML 原始碼之中，並由瀏覽器的 JavaScript 解譯器（ Interpreter）來(lái)執(zhí)行程式碼，最後將結(jié)果呈現(xiàn)於瀏覽器。換句話說(shuō)， JavaScript 的程式碼是由瀏覽器來(lái)執(zhí)行，所以在用戶端可看到其原始碼，較難加以保護(hù)。 ? 由於安全性的考量，除了讀寫(xiě) Cookies（請(qǐng)參見(jiàn)本篇教材後面的介紹）之外， JavaScript 並無(wú)法讀取用戶端的檔案或硬碟。 ? 使用變數(shù)時(shí)，不需要宣告變數(shù)型態(tài)， JavaScript 會(huì)自動(dòng)決定。 ? 對(duì)於不同的資料型態(tài)（如字串與數(shù)值）， JavaScript 可以根據(jù)不同情況，自動(dòng)進(jìn)行資料型態(tài)的合理轉(zhuǎn)換。 8 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 JavaScript vs. Java ? JavaScript 和 Java 沒(méi)有什麼親戚關(guān)係！ ? Java 之於 JavaScript 的關(guān)係，就如同狗和熱狗。（ source） ? 比較表： JavaScript Java Applets 由客戶端的 JavaScript 解譯器進(jìn)行逐列解譯後執(zhí)行。 由伺服器取得編譯後的 Bytecode，然後在客戶端由 Java Virtual Machine 執(zhí)行。 物件基礎(chǔ)（ Objectbased）的語(yǔ)言，繼承（ Inheritance）關(guān)係必須經(jīng)由特殊方式才能達(dá)成，性質(zhì)及方法可以動(dòng)態(tài)地加到一個(gè)物件。 物件導(dǎo)向（ Objectoriented）的語(yǔ)言，物件可分為類(lèi)別（ Classes）及實(shí)例（ Instances），繼承關(guān)係來(lái)自於物件的階層性。類(lèi)別及實(shí)例都無(wú)法具有動(dòng)態(tài)產(chǎn)生的性質(zhì)及方法。 程式碼內(nèi)嵌於 HTML 網(wǎng)頁(yè)之中。 以特殊標(biāo)籤來(lái)將 Java Applets 加入網(wǎng)頁(yè)之中。 所有變數(shù)不需要事先宣告資料型態(tài)，即可逕行指定變數(shù)值。 所有變數(shù)都必須事先宣告資料型態(tài)。 在執(zhí)行程式碼時(shí)，才會(huì)檢查所到的物件是否存在。 在編譯程式碼時(shí)，即會(huì)檢查所用的物件是否存在。 無(wú)法讀寫(xiě)客戶端的硬碟（ Cookies 除外）。 無(wú)法讀寫(xiě)客戶端的硬碟。 9 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 12：執(zhí)行方式一：循序執(zhí)行 ? 本小節(jié)說(shuō)明如何以「循序執(zhí)行」的方式，來(lái)執(zhí)行網(wǎng)頁(yè)中的 JavaScript 程式碼。 10 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 JavaScript 於網(wǎng)頁(yè)的執(zhí)行方式 ? JavaScript 於網(wǎng)頁(yè)執(zhí)行的兩種基本方式： ? 循序執(zhí)行（ Sequential Execution） : 瀏覽器讀入網(wǎng)頁(yè)後，即載入並執(zhí)行 JavaScript 程式碼，最後將結(jié)果直接呈現(xiàn)在瀏覽器上。 ? 事件驅(qū)動(dòng)（ Event
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1