aspn--(北京理工大學(xué)出版)-項(xiàng)目二html網(wǎng)頁(yè)編程基礎(chǔ)(編輯修改稿)
2025-03-12 14:58 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 如 圖 227所示的頁(yè)面。 （ 12）在 圖 227中，點(diǎn)擊“返回到 ”超鏈接，就回到 圖 226所示的頁(yè)面。 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript 【背景知識(shí)】 JavaScript是一種新的描述性語(yǔ)言，可以被嵌入到 HTML文件之中。這是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本語(yǔ)言。使用它的目的是使 HTML與 JavaScript語(yǔ)言一樣實(shí)現(xiàn)與 Web客戶進(jìn)行交互，從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。 JavaScript的出現(xiàn)使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而且實(shí)現(xiàn)了一種實(shí)時(shí)的、動(dòng)態(tài)的、可交互式的表達(dá)能力。 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript 一、事件 事件定義了用戶與 Web頁(yè)面交互時(shí)產(chǎn)生的各種操作。簡(jiǎn)單地說(shuō)，點(diǎn)擊一個(gè)超鏈接或按鈕，就會(huì)產(chǎn)生一個(gè)事件，告訴瀏覽器發(fā)生了需要進(jìn)行處理的單擊操作。事件不僅可以在用戶交互過(guò)程中產(chǎn)生，而且瀏覽器自己的一些動(dòng)作也可能產(chǎn)生事件。比如說(shuō)，瀏覽器載入一個(gè)網(wǎng)頁(yè)時(shí)，就會(huì)產(chǎn)生一個(gè) Load事件。 在 JavaScript中對(duì)象事件的處理通常由函數(shù) Function來(lái)?yè)?dān)任，其基本格式與函數(shù)完全一樣，格式如下： Function事件處理名（參數(shù)表） ｛ 事件處理語(yǔ)句集 …… ｝ 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript 下面介紹常用事件及處理。 （ 1） Load事件 當(dāng)文檔載入時(shí)，產(chǎn)生該事件。 onLoad的一個(gè)作用就是在首次載入一個(gè)文檔時(shí)檢測(cè) Cookie的值，并用一個(gè)變量為其賦值，使它可以被源代碼使用。 （ 2） unLoad事件 當(dāng) Web頁(yè)面退出（關(guān)閉或轉(zhuǎn)向另一個(gè)頁(yè)面）時(shí)會(huì)引發(fā)onUnload事件，并可更新 Cookie的狀態(tài)。 （ 3） Submit事件 Submit事件在完成信息的輸入，準(zhǔn)備將信息提交給服務(wù)器處理時(shí)發(fā)生， onSumbit句柄在 Submit事件發(fā)生時(shí)由 JavaScript自動(dòng)調(diào)用執(zhí)行。 onSubmit句柄通常在標(biāo)記中聲明。 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript 鼠標(biāo)事件是常見(jiàn)的事件，經(jīng)常用到有 onClick、onMouseDown、 onMouseOver、 onMouseOut等。 在文本框事件中有很多事件，下面主要介紹 onChange、onSelect、 onFocus、 onBlue四種事件。 onChange事件，當(dāng)利用 Text或 TextArea元素輸入字符值改變時(shí)會(huì)引發(fā)該事件，同時(shí)，當(dāng)在 Select表格項(xiàng)中的一個(gè)選項(xiàng)狀態(tài)改變后也會(huì)引發(fā)該事件。 OnSelect事件，當(dāng) Text或 Textarea對(duì)象中的文字被加亮（選中）后，引發(fā)該事件。獲得焦點(diǎn)事件 onFocus，當(dāng)用戶單擊 Text或 TextArea以及 Select對(duì)象時(shí)，產(chǎn)生該事件。此時(shí)該對(duì)象成為前臺(tái)對(duì)象。失去焦點(diǎn)事件 onBlur，當(dāng) Text對(duì)象或TextArea對(duì)象以及 Select對(duì)象不再擁有焦點(diǎn)、而退到后臺(tái)時(shí)，引發(fā)該文件，它與 onFocas事件是一個(gè)對(duì)應(yīng)的關(guān)系。 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript 二、內(nèi)置對(duì)象 JavaScript的一個(gè)重要功能是基于對(duì)象功能。 JavaScript的內(nèi)置對(duì)象極大地簡(jiǎn)化了 JavaScript程序設(shè)計(jì)，使其可以用更直觀、模塊化和可重用的方式進(jìn)行程序開(kāi)發(fā)。它支持開(kāi)發(fā)對(duì)象模型并可將這些類型實(shí)例化，創(chuàng)建對(duì)象實(shí)例。 JavaScript中的對(duì)象由屬性和方法兩個(gè)基本元素構(gòu)成。屬性是對(duì)象在實(shí)施其行為的過(guò)程中，實(shí)現(xiàn)信息的裝載單位，從而與變量相關(guān)聯(lián)。方法是指對(duì)象能夠按照設(shè)計(jì)者的意圖而被執(zhí)行，從而與特定的函數(shù)關(guān)聯(lián)。 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript 一般來(lái)說(shuō)， JavaScript對(duì)象具有以下對(duì)象： Windows、Document、 History、 Navigator、 Location、 Date、 Math、 Array、Boolean、 Number、 String等。 Windows對(duì)象包括許多屬性、方法和事件，可以利用這些對(duì)象控制瀏覽器窗口顯示的各個(gè)方面。 Document可用于輸出，主要有 write()和 writeln()，主要用來(lái)實(shí)現(xiàn)在 Web頁(yè)面上顯示輸出信息。 History對(duì)象是指瀏覽器的瀏覽地址， History對(duì)象中常用的方法包括 back()、 forward()和 go()。 back()和 forward()主要實(shí)現(xiàn)頁(yè)面的后退和前進(jìn)， go()用來(lái)進(jìn)入指定的界面。 Navigator對(duì)象可用來(lái)存取瀏覽器的相關(guān)信息，瀏覽器對(duì)象Navigator中包括的常用屬性有瀏覽器的名稱、版本、代碼名稱、Cookie功能是否打開(kāi)等。 下一頁(yè) 返回 上一頁(yè) 任務(wù)二在網(wǎng)頁(yè)中應(yīng)用 JavaScript
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1