網(wǎng)頁行為語言——JavaS

《網(wǎng)頁行為語言——JavaS》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、主要內(nèi)容JavaScript簡介行為基于對(duì)象的JavaScript腳本語言對(duì)象事件制作JavaScript特效第6章網(wǎng)頁行為語言—JavaScript腳本（Script）實(shí)際上就是一段程序，用來完成某些特殊的功能。腳本程序既可以在服務(wù)器端運(yùn)行（稱為服務(wù)器腳本，例如ASP腳本、PHP腳本等），也可以直接在瀏覽器端運(yùn)行（稱為客戶端腳本）。JavaScript是一種基于對(duì)象（Object）和事件驅(qū)動(dòng)（EventDriven）并具有安全性能的腳本語言。使用它的目的是與HTML、CSS一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與Web客戶交互的作用。JavaScript不

2、是Java，只不過兩者類似。JavaScript語言的前身叫作Livescript，自從Sun公司推出著名的Java語言后，Netscape公司引進(jìn)了Sun公司有關(guān)Java的程序概念，將Livescript重新進(jìn)行設(shè)計(jì)，并改名為JavaScript。6.1JavaScript簡介6.2.1行為的基本概念行為是Dreamweaver內(nèi)置的JavaScript程序庫，由事件（Event）和動(dòng)作（Action）組成。行為是指某個(gè)事件發(fā)生時(shí)瀏覽器執(zhí)行的動(dòng)作，能實(shí)現(xiàn)用戶與網(wǎng)頁間的交互，通過某個(gè)動(dòng)作來觸發(fā)某項(xiàng)計(jì)劃。6.2行為6.2.1行為的基本概念事件是瀏覽器生成的消息，

3、它指示該頁的訪問者已執(zhí)行了某種操作。不同的頁面元素定義了不同的事件，在大多數(shù)瀏覽器中，onMouseOver事件和onClick事件是與鏈接關(guān)聯(lián)的事件，而onLoad事件是與圖像和文檔的body部分關(guān)聯(lián)的事件。動(dòng)作是一段預(yù)先編寫好的JavaScript代碼，可用于執(zhí)行以下常見的任務(wù)：打開瀏覽器窗口、顯示或隱藏AP元素、彈出信息、設(shè)置導(dǎo)航欄圖像、播放聲音或影片等。6.2行為6.2.2行為面板DreamweaverCS4中，行為面板默認(rèn)的位置位于“標(biāo)簽檢查器”組合面板中，可以使用下面的方法打開行為面板。執(zhí)行“窗口”→“行為”命令；按〈Shift〉+〈F4〉組合鍵。

4、使用“行為”面板可以將行為附加到頁面元素，并可以修改以前所附加行為的參數(shù)。已附加到當(dāng)前所選頁面元素的行為顯示在行為列表中，并按事件以字母順序列出。如果針對(duì)同一個(gè)事件列有多個(gè)動(dòng)作，則會(huì)按在列表中出現(xiàn)的順序執(zhí)行這些動(dòng)作；如果行為列表中沒有顯示任何行為，則表示沒有行為附加到當(dāng)前所選的頁面元素。6.2行為6.3.1利用行為面板設(shè)置彈出窗口頁面彈出窗口頁面是使用“打開瀏覽器窗口”行為實(shí)現(xiàn)的，是指在一個(gè)新的窗口中打開一個(gè)廣告效果的頁面，用戶可以指定新窗口的大小、特性（是否可以調(diào)整大小、是否具有菜單欄等）和名稱。6.3頁面對(duì)象行為6.3.1利用行為面板設(shè)置彈出窗口頁面如果不

5、設(shè)置該窗口的任何屬性，在打開該窗口時(shí)它的大小和屬性與打開它的窗口相同，指定窗口的任何屬性都將自動(dòng)關(guān)閉所有其它未明確設(shè)置的屬性。例如，如果用戶不設(shè)置窗口的任何屬性，窗口將以1024像素×768像素的大小打開，并具有導(dǎo)航條、地址工具欄、狀態(tài)欄和菜單欄。如果用戶將窗口寬度設(shè)置為640像素、高度設(shè)置為480像素，但不設(shè)置其它屬性，則該窗口將以640像素×480像素的大小打開，并且不顯示工具欄。6.3頁面對(duì)象行為6.3.2利用行為面板設(shè)置彈出信息框“彈出信息”行為顯示一個(gè)包含指定信息的JavaScript警告。因?yàn)镴avaScript警告對(duì)話框只有一個(gè)“確定”按鈕，所以

6、使用此行為可以提供用戶信息，但不能為用戶提供選擇操作。設(shè)置彈出信息框的方法如下。①選擇頁面對(duì)象，然后從“行為”面板的“添加行為”菜單中選擇“彈出信息”，打開“彈出信息”對(duì)話框，如圖6-7所示。②在對(duì)話框的“消息”文本框中輸入用戶希望顯示的消息。③單擊“確定”按鈕，此時(shí)在“行為”面板中會(huì)自動(dòng)添加一個(gè)單擊對(duì)象的onClick事件，如圖6-8所示。6.3頁面對(duì)象行為6.3.3案例一：制作曙光大學(xué)網(wǎng)站首頁彈出窗口頁面【案例綜述】制作伴隨曙光大學(xué)網(wǎng)站首頁打開而自動(dòng)打開的廣告窗口頁面?！景咐故尽慨?dāng)曙光大學(xué)網(wǎng)站首頁在瀏覽器中打開時(shí)，廣告頁面在寬度為400、高度為300的窗

7、口中自動(dòng)打開，實(shí)例效果如圖6-9所示。6.3頁面對(duì)象行為6.3.3案例一：制作曙光大學(xué)網(wǎng)站首頁彈出窗口頁面6.3頁面對(duì)象行為6.6.1案例二：制作曙光大學(xué)網(wǎng)站首頁滾動(dòng)友情鏈接院校信息【案例綜述】使用字幕技術(shù)和JavaScript腳本語言修改曙光大學(xué)網(wǎng)站首頁友情鏈接欄目的展示形式?！景咐故尽渴褂醚h(huán)向上滾動(dòng)的字幕展示友情鏈接的院校信息。當(dāng)瀏覽者將鼠標(biāo)移動(dòng)到字幕區(qū)域后，字幕停止運(yùn)動(dòng)，讓瀏覽者清晰地看到相關(guān)信息。6.6制作JavaScript特效6.6.1案例二：制作曙光大學(xué)網(wǎng)站首頁滾動(dòng)友情鏈接院校信息6.6制作JavaScript特效6.6.2案例三：制作曙光大

8、學(xué)網(wǎng)站首頁循環(huán)滾動(dòng)圖片廣告【案例綜述】