網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 第 10章 網(wǎng)頁制作腳本語言 第 1頁 本章概述 本章的學(xué)習(xí)目標(biāo) 主要內(nèi)容 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 本章概述 在網(wǎng)頁設(shè)計(jì)領(lǐng)域，特效發(fā)揮著非常重要的作用。使用網(wǎng)頁特效，可以使網(wǎng)頁具備更強(qiáng)的交互性、欣賞性，也可使網(wǎng)頁更加智能化。在編寫各種特效時(shí)，最流行的腳本語言就是 章主要介紹 第 2頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 本章的學(xué)習(xí)目標(biāo) 了解 掌握 了解 了解 第 3頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 本語言概述 數(shù)和事件 象 用 章小結(jié) 第 4頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 腳本語言概述 在互聯(lián)網(wǎng)中，很多網(wǎng)站都是通過腳本語言編寫行為，控制網(wǎng)頁中的對(duì)象，實(shí)現(xiàn)動(dòng)態(tài)的效果，這些動(dòng)態(tài)效果可以使網(wǎng)頁更加豐富多彩。在制作動(dòng)態(tài)效果時(shí)，可使用兩種語言：一種是 一種則是 這兩種腳本語言中， 第 5頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 向?qū)ο缶幊痰哪_本語言，是互聯(lián)網(wǎng)中最流行且應(yīng)用最廣泛的腳本語言。 免費(fèi)發(fā)布。語言。 使用者無需了解太多的編程理論和編譯方法，即可將代碼嵌入到網(wǎng)頁中。 第 6頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 本語言概述 數(shù)和事件 象 用 章小結(jié) 第 7頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 且具有較強(qiáng)安全性的腳本語言。它使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而是實(shí)現(xiàn)了一種實(shí)時(shí)的、可交互式的表達(dá)能力。 第 8頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 語法 現(xiàn)在 嵌入式 導(dǎo)入式 變量是程序中數(shù)據(jù)的臨時(shí)存放場所。使用變量之前首先進(jìn)行聲明，在 第 9頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 語法 種數(shù)據(jù)類型。 也就是數(shù)值數(shù)據(jù)類型，包括整型和浮點(diǎn)型。 在 的數(shù)值只有兩個(gè)值：真有表示；假用 表示。 未給該變量賦值。 就是說該變量沒有保存有效的數(shù)值、字符串、 第 10頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 運(yùn)算符 括算術(shù)運(yùn)算符、邏輯運(yùn)算符、位運(yùn)算符、賦值運(yùn)算符、比較運(yùn)算符、字符串運(yùn)算符和特殊運(yùn)算符。 第 11頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 控制和循環(huán)語句 與多數(shù)高級(jí)編程語言類似， 樣能使整個(gè)程序減少混亂，增加程序功能。 選擇結(jié)構(gòu) 選擇結(jié)構(gòu)通常用來指明程序代碼的多個(gè)運(yùn)行順序或方向，并為這些順序或方向創(chuàng)建一個(gè)交叉點(diǎn)。 單一選擇結(jié)構(gòu) 雙路選擇結(jié)構(gòu) 內(nèi)聯(lián)三元運(yùn)算符 多路選擇結(jié)構(gòu) 第 12頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 控制和循環(huán)語句 循環(huán)結(jié)構(gòu) 在 可以使用循環(huán)結(jié)構(gòu)。循環(huán)結(jié)構(gòu)的特點(diǎn)是根據(jù)一定的條件多次執(zhí)行，直到滿足一定的條件后停止。例如，打印輸出九九乘法表的程序，就需要使用這種結(jié)構(gòu)。 由計(jì)數(shù)器控制的循環(huán) 對(duì)對(duì)象的每個(gè)屬性都進(jìn)行操作 在循環(huán)開頭測試表達(dá)式 在循環(huán)末尾測試表達(dá)式 第 13頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 本語言概述 數(shù)和事件 象 用 章小結(jié) 第 14頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 函數(shù)和事件 修改 15頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 通常在進(jìn)行一個(gè)復(fù)雜的程序設(shè)計(jì)時(shí)，總是將所要完成的復(fù)雜功能劃分為一些相對(duì)獨(dú)立的部分，每個(gè)部分編寫一個(gè)函數(shù)，使它們充分獨(dú)立、任務(wù)單一、程序清晰、易懂易讀易維護(hù)。然后根據(jù)需要來組合這些函數(shù)完成最終的功能。函數(shù)的定義形式如下： 第 16頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 一個(gè)完整的事件過程包括事件源、監(jiān)聽以及對(duì)事件的處理等 3個(gè)部分。 事件源和監(jiān)聽 在 件源通常是指用戶對(duì)網(wǎng)頁文檔進(jìn)行的各種操作。事件源的監(jiān)聽者通常就是指網(wǎng)頁瀏覽器。 事件的處理 事件通常會(huì)與函數(shù)結(jié)合使用。通過事件的監(jiān)聽屬性，可以在事件發(fā)生執(zhí)行指定的函數(shù)，實(shí)現(xiàn)對(duì)事件的處理。 消息框 種消息框，即警告框、確認(rèn)框和提示框。 第 17頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 修改 例 10如圖所示，單擊文字 面的盒子寬度就會(huì)變大。該實(shí)例綜合了函數(shù)、事件、對(duì)括了現(xiàn)在實(shí)際網(wǎng)頁中主流效果所需要的技術(shù)要素。 第 18頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 本語言概述 數(shù)和事件 象 用 章小結(jié) 第 19頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 對(duì)象 過基于對(duì)象的程序設(shè)計(jì)，可以用更直觀、模塊化和可重復(fù)使用的方法進(jìn)行程序開發(fā)。 有程序只要使用字符串?dāng)?shù)據(jù)，就需要 來描述當(dāng)前窗口或指定窗口對(duì)象的文檔，它包含文檔從 到 之間的內(nèi)容。 第 20頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 對(duì)象 是一個(gè)對(duì)象的集合，而且里邊的對(duì)象可以為不同類型。 以用來表示任意的日期和時(shí)間，獲取當(dāng)前系統(tǒng)日期以及計(jì)算兩個(gè)日期的間隔。 供對(duì)數(shù)據(jù)的數(shù)學(xué)計(jì)算。 第 21頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 本語言概述 數(shù)和事件 象 用 章小結(jié) 第 22頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 應(yīng)用 編寫 使用“代碼片段”面板 表單校驗(yàn) 第 23頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 編寫 本節(jié)通過編寫一個(gè)簡單 網(wǎng)頁中，這種效果用于廣告會(huì)非常醒目。 第 24頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 使用“代碼片段”面板 插入腳本標(biāo)記 插入消息框的 調(diào)用 第 25頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 表單校驗(yàn) 表單的校驗(yàn)首先要通過客戶端的 根據(jù)響應(yīng)規(guī)則進(jìn)行檢查。 例 10表單校驗(yàn)。運(yùn)行效果如圖所示。 第 26頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 本語言概述 數(shù)和事件