版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
第4章
客戶端腳本與動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)
學(xué)習(xí)目標(biāo)與要求
4.1動(dòng)態(tài)網(wǎng)頁概述4.2客戶端腳本與JavaScript腳本語言
4.3利用JavaScript制作動(dòng)態(tài)網(wǎng)頁
4.4利用Applet實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁
4.5利用Dreamweaver制作動(dòng)態(tài)網(wǎng)頁
學(xué)習(xí)目標(biāo)與要求1.了解動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的區(qū)別；
2.掌握J(rèn)avaScript腳本語言的語法規(guī)則；3.能用JavaScript編寫簡單的動(dòng)態(tài)網(wǎng)頁，并掌握一些基本的編程技巧；4.了解利用Java語言編寫客戶端動(dòng)態(tài)網(wǎng)頁的基本流程；5.能用Dreamweaver工具編寫客戶端動(dòng)態(tài)網(wǎng)頁，并掌握一些操作技巧。4.1動(dòng)態(tài)網(wǎng)頁概述動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的特征比較靜態(tài)網(wǎng)頁內(nèi)容固定不變，不隨客戶訪問要求的改變而改變；頁面文件預(yù)先儲(chǔ)存在Web服務(wù)器上；通過超鏈接來訪問其他的網(wǎng)頁；可含有動(dòng)畫的內(nèi)容。動(dòng)態(tài)網(wǎng)頁內(nèi)容隨客戶訪問要求的改變而改變；內(nèi)容的生成可在客戶端完成（通過客戶端腳本、Applet插件、ActiveX控件），也可在服務(wù)器端完成（通過服務(wù)器端腳本，如JSP、ASP、PHP）;能與用戶進(jìn)行交互，根據(jù)不同客戶請求來生成不同的頁面內(nèi)容；是連接商務(wù)表達(dá)層和商務(wù)邏輯層的橋梁；也可含有動(dòng)畫的內(nèi)容。4.1動(dòng)態(tài)網(wǎng)頁概述一個(gè)用Javascript腳本實(shí)現(xiàn)的動(dòng)態(tài)網(wǎng)頁4.2客戶端腳本與JavaScript腳本語言
4.2.1客戶端腳本4.2.2JavaScript腳本語言的特點(diǎn)4.2.3JavaScript中的數(shù)據(jù)類型與變量4.2.4JavaScript中的語句及語法4.2.1客戶端腳本客戶端腳本產(chǎn)生的背景客戶端腳本技術(shù)特征常見的客戶端腳本JavaScript、VBScript、JScript；一個(gè)簡單的JavaScript腳本<html><head><scriptlanguage="JavaScript"><!--document.writeln("JavaScript腳本示例！");//--></script></head><body></body></html>4.2.2JavaScript腳本語言的特點(diǎn)
基于對(duì)象和事件驅(qū)動(dòng)具有安全性能直接嵌入在HTML文件中4.2.3JavaScript腳本中的數(shù)據(jù)類型與變量
JavaScript腳本中的數(shù)據(jù)類型:數(shù)值、字符串、對(duì)象、布爾、空和未定。
字符串?dāng)?shù)據(jù)用單引號(hào)或雙引號(hào)來說明的。如：“Thecowjumpedoverthemoon”數(shù)值數(shù)據(jù)包括整數(shù)和浮點(diǎn)數(shù)。整數(shù)可以為正數(shù)、0或者負(fù)數(shù)；浮點(diǎn)數(shù)可以包含小數(shù)點(diǎn)，也可用科學(xué)記數(shù)法來表示
布爾值為true和false兩種，這是兩個(gè)特殊值
未定的數(shù)據(jù)類型是指：在一個(gè)變量被創(chuàng)建后，但未給該變量賦值以前該變量所具有的值
空數(shù)據(jù)類型為Null
Object類型
4.2.3JavaScript腳本中的數(shù)據(jù)類型與變量
JavaScript中變量命名規(guī)則變量用來存放JavaScript中的值，JavaScript對(duì)變量的數(shù)據(jù)類型要求不太嚴(yán)格（與Java、VB、C++等高級(jí)語言不同），在聲明變量時(shí)，不需要指出變量的類型。變量命名規(guī)則JavaScript是一種區(qū)分大小寫的語言，因此將一個(gè)變量命名為computer和將其命名為Computer是不一樣的
變量名的第一個(gè)字符必須是一個(gè)字母（大小寫均可）、或一個(gè)下劃線(_)或一個(gè)美元符號(hào)($)，后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符號(hào)
變量名不能是保留字變量名長度沒有限制4.2.4JavaScript中的語句及語法
語句變量聲明語句：varx,y;賦值語句：x=25.3;函數(shù)定義語句：function函數(shù)名稱(函數(shù)所帶的參數(shù)){函數(shù)執(zhí)行部分;
return表達(dá)式;}條件語句（if…else），如if(result==true){response="你答對(duì)了！"}else{response="你錯(cuò)了！"}4.2.4JavaScript中的語句及語法對(duì)象與事件對(duì)象由瀏覽器根據(jù)web頁面的內(nèi)容自動(dòng)提供的對(duì)象
JavaScript的內(nèi)置對(duì)象，如Date,Math、window、document等
服務(wù)器上的固有對(duì)象用戶自定義的對(duì)象
事件引起頁面之間跳轉(zhuǎn)的事件，主要是超鏈接事件
瀏覽器自己引起的事件
表單內(nèi)部同界面對(duì)象的交互事件4.3利用JavaScript制作動(dòng)態(tài)網(wǎng)頁
4.3.1簡單動(dòng)態(tài)網(wǎng)頁的制作4.3.2復(fù)雜動(dòng)態(tài)網(wǎng)頁的制作4.3.1簡單動(dòng)態(tài)網(wǎng)頁的制作自動(dòng)生成時(shí)間和日期的動(dòng)態(tài)網(wǎng)頁<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>生成日期</title><scriptlanguage="JavaScript"type="Text/JavaScript"><!--today=newDate();document.write("現(xiàn)在時(shí)間是：",today.getHours(),":",today.getMinutes())document.write("<br>今天日期為：",today.getMonth()+1,"/",today.getDate(),"/",today.getYear());//--></script></head></html>
4.3.1簡單動(dòng)態(tài)網(wǎng)頁的制作自動(dòng)打開Windows通知窗口的動(dòng)態(tài)網(wǎng)頁主要語句：open('notice.html','通知','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=200,height=140')
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>無標(biāo)題文檔</title></head><bodyonLoad="open('notice.html','通知','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=200,height=140')">一個(gè)電子商務(wù)站點(diǎn)</body></html>4.3.2復(fù)雜動(dòng)態(tài)網(wǎng)頁的制作
具有框架功能的動(dòng)態(tài)網(wǎng)頁4.3.2復(fù)雜動(dòng)態(tài)網(wǎng)頁的制作
能在狀態(tài)行顯示滾動(dòng)文字的動(dòng)態(tài)網(wǎng)頁4.3.2復(fù)雜動(dòng)態(tài)網(wǎng)頁的制作
具有推拉式菜單的動(dòng)態(tài)網(wǎng)頁4.4利用Applet實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁
4.4.1Applet簡介4.4.2利用Applet實(shí)現(xiàn)對(duì)商品的總金額進(jìn)行合計(jì)的動(dòng)態(tài)網(wǎng)頁4.4.3利用Applet制作一個(gè)站點(diǎn)連接器的動(dòng)態(tài)網(wǎng)頁
4.4.1Applet簡介
Applet是一種特殊的客戶端腳本，也是一種程序，稱為Java小程序，嵌在HTML網(wǎng)頁文件中。通常將執(zhí)行Applet的瀏覽器稱為Applet容器，在Java2軟件開發(fā)工具包1.4.1版中也包含一個(gè)用于測試的Applet容器，這就是appletviewer。編寫Applet步驟：用Java開發(fā)工具編寫一個(gè)符合Applet規(guī)范的Java源程序利用Java編譯工具將此Java源程序編譯成一個(gè)擴(kuò)展名為.class的類文件編寫一個(gè)網(wǎng)頁，利用“<applet>”標(biāo)識(shí)嵌入類文件將網(wǎng)頁文件和Applet類文件一起發(fā)布到網(wǎng)站上4.4.2利用Applet實(shí)現(xiàn)對(duì)商品的總金額進(jìn)行合計(jì)的動(dòng)態(tài)網(wǎng)頁4.4.3利用Applet制作一個(gè)站點(diǎn)連接器的動(dòng)態(tài)網(wǎng)頁4.5利用Dreamweaver制作動(dòng)態(tài)網(wǎng)頁
4.5.1Dreamweaver制作動(dòng)態(tài)網(wǎng)頁簡介
4.5.2利用Dreamweaver制作能自動(dòng)彈出消息窗口的動(dòng)態(tài)網(wǎng)頁4.5.1Dreamweaver制作動(dòng)態(tài)網(wǎng)頁簡介
在Dreamweaver中，要制作基于客戶端的動(dòng)態(tài)網(wǎng)頁，主要使用一個(gè)稱之為“JavaScript行為”的功能；幾個(gè)概念：行為：是事件和由該事件所觸發(fā)的動(dòng)作的組合。事件：是由瀏覽器而生成的某個(gè)消息，與客戶執(zhí)行的某種操作相對(duì)應(yīng)。
動(dòng)作：是由JavaScript代碼組成的，執(zhí)行這些代碼可以完成特定的任務(wù)。將行為附加到網(wǎng)頁中的某個(gè)元素之后，只要對(duì)該元素發(fā)生了所指定的事件，瀏覽器就
溫馨提示
- 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ǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025-2030年可食用清潔材料包裝企業(yè)制定與實(shí)施新質(zhì)生產(chǎn)力戰(zhàn)略研究報(bào)告
- 2025-2030年數(shù)據(jù)加密恢復(fù)方案企業(yè)制定與實(shí)施新質(zhì)生產(chǎn)力戰(zhàn)略研究報(bào)告
- 2025-2030年坐姿矯正器企業(yè)制定與實(shí)施新質(zhì)生產(chǎn)力戰(zhàn)略研究報(bào)告
- 2025-2030年吸汗防滑臺(tái)球襪行業(yè)深度調(diào)研及發(fā)展戰(zhàn)略咨詢報(bào)告
- 2025-2030年戶外直播車電源集成行業(yè)深度調(diào)研及發(fā)展戰(zhàn)略咨詢報(bào)告
- 收費(fèi)管理系統(tǒng)項(xiàng)目風(fēng)險(xiǎn)識(shí)別與評(píng)估綜合報(bào)告
- 2025年度物流信息平臺(tái)服務(wù)合同
- 2025年度商業(yè)活動(dòng)策劃與承辦合同范本
- 2025年度新能源技術(shù)研發(fā)借款續(xù)借合同
- 2025年度會(huì)員卡銷售與會(huì)員權(quán)益兌換合同
- 2023年大學(xué)物理化學(xué)實(shí)驗(yàn)報(bào)告化學(xué)電池溫度系數(shù)的測定
- 農(nóng)村公共基礎(chǔ)知識(shí)
- 腦出血的護(hù)理課件腦出血護(hù)理查房PPT
- 煤礦機(jī)電運(yùn)輸安全培訓(xùn)課件
- 扣繳個(gè)人所得稅報(bào)告表-(Excel版)
- Unit+4+History+and+Traditions單元整體教學(xué)設(shè)計(jì)課件 高中英語人教版(2019)必修第二冊單元整體教學(xué)設(shè)計(jì)
- 提高預(yù)埋螺栓安裝一次驗(yàn)收合格率五項(xiàng)qc2012地腳
- 2023年全國自學(xué)考試00054管理學(xué)原理試題答案
- 六年級(jí)譯林版小學(xué)英語閱讀理解訓(xùn)練經(jīng)典題目(附答案)
- GB/T 18015.1-1999數(shù)字通信用對(duì)絞或星絞多芯對(duì)稱電纜第1部分：總規(guī)范
- CQJTG∕T D09-2021 重慶市高速公路特殊路段交通安全設(shè)施設(shè)計(jì)指南
評(píng)論
0/150
提交評(píng)論