[工學]第05章javascript與xhtml文檔(編輯修改稿)
2025-02-15 11:41 本頁面
【文章內(nèi)容簡介】 ick可用于 input, 也可用于 a ? 不同標簽可支持的事件屬性也不同 ? 例 : input支持 onclick, 而 body不支持 ? P168 表 52 事件屬性及其標簽 ? 常用的事件屬性 , 可應用的標簽 , 事件描述 ? onclick, input, 單擊輸入元素 煙臺大學計算機學院 Web原理及應用 事件和事件處理 ?事件 ,屬性和標簽 ? 注冊事件處理程序的兩種方式 : ? 將事件處理程序腳本 (函數(shù) )指派給事件標簽屬性 ? input type=“button” onclick=“alert(?Hello?)?！?/ ? input type=“button” id=“my” onclick=“hello()?！?/ ? 對象相關(guān)事件屬性進行賦值完成注冊 ? (“my”).onclick=hello。 ? 須位于處理程序函數(shù)和表單元素后 。 僅賦值函數(shù)名稱 煙臺大學計算機學院 Web原理及應用 處理主體元素的事件 ?body常用事件 : load和 unload ?例 : 文檔主體加載完成后 , 彈出一個警告消息 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 選擇單選按鈕 , 用對話框顯示相應的信息 ? input type = “radio” … ? click事件觸發(fā)調(diào)用 alert方法 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 另一種實現(xiàn) , 通過對象屬性完成事件注冊 。 注冊語句必須出現(xiàn)在處理程序函數(shù)和表單之后 ?三個文件 ? XHTML文件 : ? 事件處理腳本文件 : ? 處理程序注冊腳本文件 : 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 隱式數(shù)組 可省略 煙臺大學計算機學院 Web原理及應用 處理按鈕元素的事件 ?例 : 另一種方法 : 給每個單選按鈕分配一個 id屬性 , 并使用 id完成注冊 對象屬性賦值的方式注冊事件 缺點 : 不能為注冊函數(shù)指定參數(shù) 優(yōu)點 : 代碼分離 。 動態(tài)注冊 煙臺大學計算機學院 Web原理及應用 處理文本框和密碼框元素的事件 ?4種事件 : blur, focus, change, select ?focus事件 ? 例 : 使文本框不能
教學課件相關(guān)推薦
鄂ICP備17016276號-1