瀏覽器對象和ppt課件(已修改)
2025-05-13 07:05 本頁面
【正文】 瀏覽器對象 和 DOM 2 目標 掌握常用的瀏覽器對象 ： ?Window, document, History ?sreen, event ?掌握 DOM的通用節(jié)點 ?掌握 DOM的元素節(jié)點 ?熟悉 DOM的文本節(jié)點 3 瀏覽器對象簡介 21 Window 窗口對象 location 地址對象 document 文檔對象 FORM 表單對象 瀏覽器對象的分層結(jié)構(gòu) 4 瀏覽器對象簡介 22 瀏覽器對象的分層結(jié)構(gòu) 5 Window 對象 71 屬性 名稱 說明 document 表示給定瀏覽器窗口中的 HTML 文檔。 history 包含有關(guān)客戶訪問過的 URL的信息。 location 包含 有關(guān)當前 URL 的信息。 name 設(shè)置或檢索窗口或框架 的名稱。 status 設(shè)置或檢索窗口底部的狀態(tài)欄中的消息。 screen 包含有關(guān)客戶 端的屏幕和顯示性能的信息。 6 Window 對象 72 名稱 說明 alert (“m提示信息 ) 顯示包含消息的對話框。 confirm（“提示信息”） 顯示一個確認對話框，包含一個確定取消按鈕 Prompt（”提示信息“） 彈出提示信息框 open (url,name) 打開新窗口并裝入給定 URL 的文檔。 showModalDialog(“URL”,null,””) 創(chuàng)建一個顯示指定 HTML 文檔的模式對話框。 close ( ) 關(guān)閉當前窗口 setTimeout（ ”函數(shù) ”,毫秒數(shù)） 設(shè)置定時器：經(jīng)過指定毫秒值后執(zhí)行某個函數(shù) setInterval(”函數(shù) ”,毫秒數(shù)） 每經(jīng)過指定毫秒值后計算一個表達式。 clearTimeout(定時器對象 ) 取消先前用 setTimeout 方法設(shè)置的超時事件。 resizeTo(iWidth, iHeight) 將窗口左上角的屏幕位置移動到指定的 x 和 y 位置。 moveTo(iX, iY) 將窗口的大小更改為指定的寬度和高度值。 常用方法 7 Window 對象 73 HTML HEAD SCRIPT function openwindow( ) { ()。 } function closewindow( ){ ( )。 } /SCRIPT /HEAD BODY FORM INPUT TYPE=button VALUE=打開窗口 onClick=openwindow() INPUT TYPE=button VALUE=關(guān)閉窗口 onClick=closewindow() /FORM BODY 使用 Open 方法 打開新窗口 使用 Close 方法 關(guān)閉窗口 添加單擊事件 8 open（”打開窗口的 url”，”窗口名”，”窗口特征”） 窗口的特征如下，可以任意組合： ?height： 窗口高度； ?width： 窗口寬度； ?top： 窗口距離屏幕上方的象素值； ?left：窗口距離屏幕左側(cè)的象素值； ?toolbar： 是否顯示工具欄， yes為顯示； ?menubar， scrollbars 表示菜單欄和滾動欄。 ?resizable： 是否允許改變窗口大小， yes或 1為允許 ?location： 是否顯示地址欄， yes或 1為允許 ?status：是否顯示狀態(tài)欄內(nèi)的信息， yes或 1為允許； Window 對象 74 9 HTML HEAD SCRIPT language=JavaScript function openwindow( ){ (, , toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150)。 } /SCRIPT /HEAD BODY onLoad=openwindow( ) H2看看和我一起打開的廣告窗口 /H2 /BODY /HTML Window 對象 75 使用 Open 方法 打開廣告新窗口 添加頁面加載事件 10 showModalDialog （”打開窗口的 url”，”窗口名”，”窗口特征”） 窗口的特征如下，可以任意組合： ?dialogHeight:對話框高度 ?dialogWidth:對話框?qū)挾? ?dialogLeft:離屏幕左的距離 ?dialogTop:離屏幕上的距離 ?center:窗口是否居中，默認 yes ?help:是否顯示幫助按鈕，默認 yes ?resizable: 是否可被改變大小，默認 no ?status:是否顯示狀態(tài)欄，默認為 yes ?scroll指明對話框是否顯示滾動條。默認為 yes 下面幾
教學課件相關(guān)推薦
鄂ICP備17016276號-1