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