html網(wǎng)頁編程基礎(chǔ)講義(編輯修改稿)
2025-03-28 22:28 本頁面
【文章內(nèi)容簡介】 下一頁 返回 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript 【 案例 2】 應(yīng)用 JavaScript內(nèi)置對象來制作網(wǎng)頁 【 具體步驟 】 （ 1）如前所述，在 D:\website中使用 DreamWeaver建立一個頁面，并命名為 。 （ 2）在 DreamWeaver中，選擇 【 文件 】 → 【 新建 】 命令，在彈出的對話框中的 【 常規(guī) 】 選項卡中，選擇 【 基本頁 】 選項，單擊 【 創(chuàng)建 】 按鈕，并命名為 。 （ 3）在 head/head標簽對中輸入以下代碼，如圖 222所示。 下一頁 返回 上一頁 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript （ 4）繼續(xù)在 DreamWeaver中進行操作，選擇 【 文件 】 → 【 新建 】 命令，在彈出的對話框中的 【 常規(guī) 】 選項卡中，選擇 【 基本頁 】 選項，單擊 【 創(chuàng)建 】 按鈕，并命名為 。 （ 5）在 body/body內(nèi)輸入文字“這是彈出的一個通知窗口”，如圖 223所示。 （ 6）在 DreamWeaver中，選擇 【 文件 】 → 【 新建 】 命令，在彈出的對話框中的 【 常規(guī) 】 選項卡中，選擇 【 基本頁 】 選項，單擊 【 創(chuàng)建 】 按鈕，并命名為 。 （ 7）在 body/body內(nèi)輸入代碼，如圖 224所示。 （ 8）按照前面所學(xué)的知識，在 DreamWeaver中設(shè)置站點，并在 IIS中設(shè)置 Web站點發(fā)布。 （ 9）運行結(jié)果如圖 225所示。 下一頁 返回 上一頁 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript （ 10）單擊 【 單擊我，仔細查看標題樣和窗口內(nèi)容 】 按鈕，可得到如圖 226所示的頁面。 （ 11）在如圖 225所示的頁面中點擊“跳轉(zhuǎn)到 ”超鏈接，得到如圖 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)的、可交互式的表達能力。 下一頁 返回 上一頁 任務(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事件在完成信息的輸入，準備將信息提交給服務(wù)器處理時發(fā)生， onSumbit句柄在 Submit事件發(fā)生時由 JavaScript自動調(diào)用執(zhí)行。 onSubmit句柄通常在標記中聲明。 下一頁 返回 上一頁 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript 鼠標事件是常見的事件，經(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) Te
試題試卷相關(guān)推薦
鄂ICP備17016276號-1