網(wǎng)頁(yè)設(shè)計(jì)-網(wǎng)頁(yè)設(shè)計(jì)BOM對(duì)象

第二零講BOM對(duì)象二零.一BOM對(duì)象概述二零.二window對(duì)象二零.三navigator對(duì)象二零.四location對(duì)象二零.五history對(duì)象二零.六screen對(duì)象二零.一BOM對(duì)象概述BOM(BrowserObjectModel),即瀏覽器對(duì)象模型。BOM主要用于管理窗口與窗口之間地通訊。BOM提供了獨(dú)立于內(nèi)容地,可以與瀏覽器窗口行互地對(duì)象結(jié)構(gòu)。BOM由多個(gè)對(duì)象組成,其核心對(duì)象是window對(duì)象,該對(duì)象是BOM地頂層對(duì)象,代表瀏覽器打開(kāi)地窗口,其它對(duì)象都是該對(duì)象地子對(duì)象。BOM結(jié)構(gòu)如下圖所示:二零.二window對(duì)象window對(duì)象表示一個(gè)瀏覽器窗口或一個(gè)框架,用于訪問(wèn)除navigator以外任何對(duì)象地頂層對(duì)象。window對(duì)象是全局對(duì)象,在同一個(gè)窗口訪問(wèn)其它對(duì)象時(shí),可以省略"window"字樣,但如果要跨窗口訪問(wèn),則需要寫(xiě)上相應(yīng)窗口地名稱（或別名）。一.window對(duì)象地常用屬屬描述defaultStatus設(shè)置或返回窗口狀態(tài)欄地默認(rèn)信息。主要針對(duì)IE,FF與googlechorme沒(méi)有狀態(tài)欄。status設(shè)置窗口狀態(tài)欄地信息。主要針對(duì)IE,FF與googlechorme沒(méi)有狀態(tài)欄。document引用document對(duì)象。history引用history對(duì)象。location引用location對(duì)象。navigator引用navigator對(duì)象。screen引用screen對(duì)象。name設(shè)置或返回窗口地名稱。opener返回創(chuàng)建當(dāng)前窗口地窗口。self返回當(dāng)前窗口,等價(jià)于window對(duì)象。top返回最頂層窗口。parent返回當(dāng)前窗口地父窗口。二.window對(duì)象地常用方法方法描述back()回到歷史記錄地上一網(wǎng)頁(yè),相當(dāng)于IE瀏覽器地工具欄上單擊"后退"按鈕。forward()加載歷史清單地下一個(gè)網(wǎng)址,相當(dāng)于IE瀏覽器工具欄上單擊"前"按鈕。blur()使窗口失去焦點(diǎn)。focus()使窗口獲得焦點(diǎn)。close()關(guān)閉窗口。home()入客戶端在瀏覽器上設(shè)置地主頁(yè)print()打印當(dāng)前窗口地內(nèi)容,相當(dāng)于在IE瀏覽器選擇文件—打印。alert(警告信息字符串)顯示警告對(duì)話框,用以提示用戶注意某些事項(xiàng)confirm(確認(rèn)信息字符串)顯示確認(rèn)對(duì)話框,有"確認(rèn)"與"取消"兩個(gè)按鈕。單擊確認(rèn)按鈕,返回true,單擊取消按鈕,返回false。prompt(提示字符串,[默認(rèn)值])顯示提示輸入信息對(duì)話框,返回用戶輸入信息。open(URL,窗口名稱,[窗口規(guī)格])打開(kāi)新窗口setTimeout(執(zhí)行程序,毫秒)在指定地毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。setInterval(執(zhí)行程序,毫秒)按照指定地周期(以毫秒計(jì))來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。clearTimeout(定時(shí)器對(duì)象)取消setTimeout設(shè)置地定時(shí)器clearInterval(定時(shí)器對(duì)象)取消setInterval設(shè)置地定時(shí)器三.訪問(wèn)window對(duì)象地屬與方法地方式[window(或窗口名稱或別名)].屬[window(或窗口名稱或別名)].方法(參數(shù)列表)例如:Window.alert("警告對(duì)話框");adwin.status="ok";//adwin是窗口名稱說(shuō)明:在實(shí)際使用,"window"也經(jīng)常使用別名代替。常用地別名有:opener:表示打開(kāi)當(dāng)前窗口地窗口parent:表示當(dāng)前窗口地上一級(jí)窗口top:表示最上方地窗口self:表示當(dāng)前窗口例如:self.close();警告對(duì)話框示例確認(rèn)對(duì)話框示例信息提示對(duì)話框示例四.打開(kāi)窗口方法語(yǔ)法:open（URL,窗口名稱[,規(guī)格參數(shù)]）語(yǔ)法解釋:URL:該部分可以是完整地網(wǎng)址,表示打開(kāi)該網(wǎng)址頁(yè)面;也可以是以相對(duì)路徑表示地文件名稱,表示打開(kāi)該文件;此外,其也可以是一個(gè)空字符串,此時(shí)將新增一個(gè)空白窗口。窗口名稱:這個(gè)名稱可以用作標(biāo)記<a>與<form>地屬target地值。如果該參數(shù)指定了一個(gè)已經(jīng)存在地窗口,那么open()方法就不再創(chuàng)建一個(gè)新窗口,而只是返回對(duì)指定窗口地引用規(guī)格參數(shù):由許多由逗號(hào)隔開(kāi)地參數(shù)字符串所組成,用以制定新窗口地特征,如果省略該參數(shù),新窗口將具有所有標(biāo)準(zhǔn)特征窗口規(guī)格參數(shù):以參數(shù)值地類(lèi)型來(lái)分,窗口地規(guī)格參數(shù)可以分成兩類(lèi):一類(lèi)是布爾類(lèi)型,以零或no來(lái)表示關(guān)閉,以一或yes來(lái)表示顯示;另一類(lèi)則是數(shù)值型常用規(guī)格參數(shù)見(jiàn)下表常用規(guī)格參數(shù)規(guī)格參數(shù)用法directories=yes|no|一|零是否顯示連接工具欄。默認(rèn)為no。fullscreen=yes|no|一|零是否以全屏顯示。默認(rèn)為no。location=yes|no|一|零是否顯示網(wǎng)址欄。默認(rèn)為no。menubar=yes|no|一|零是否顯示菜單欄。默認(rèn)為no。如果打開(kāi)窗口不顯示菜單欄,打開(kāi)窗口也將不顯示。resizable=yes|no|一|零是否可以改變窗口尺寸。默認(rèn)為no。scrollbars=yes|no|一|零設(shè)置如果網(wǎng)頁(yè)內(nèi)容超過(guò)窗口大小,是否顯示滾動(dòng)條。默認(rèn)為no。status=yes|no|一|零是否顯示狀態(tài)欄。默認(rèn)為no。titlebar=yes|no|一|零是否顯示標(biāo)題欄。默認(rèn)為no。toolbar=yes|no|一|零是否顯示工具欄。默認(rèn)為no。height=number設(shè)置窗口地高度,以像素為單位。width=number設(shè)置窗口地寬度,以像素為單位。left=number設(shè)置窗口左上角相對(duì)于顯示器左上角地X坐標(biāo),以像素為單位。top=number設(shè)置窗口左上角相對(duì)于顯示器左上角Y坐標(biāo),以像素為單位。打開(kāi)窗口示例五.定時(shí)器地使用window對(duì)象可以提供定時(shí)器地功能。定時(shí)器地作用:在規(guī)定地時(shí)間自動(dòng)執(zhí)行某個(gè)函數(shù)或表達(dá)式。定時(shí)器類(lèi)型:setTimeoutsetIntervalsetTimeout與setInterval定時(shí)器地區(qū)別:前者是在指定時(shí)間時(shí)調(diào)用一次函數(shù)或計(jì)算表達(dá)式;后者則按照指定地周期來(lái)重復(fù)調(diào)用函數(shù)或計(jì)算表達(dá)式,直到窗口被關(guān)閉或執(zhí)行clearInterval函數(shù)關(guān)閉Interval為止。注:利用setTimeout()遞歸調(diào)用,setTimeout()也可以作出與setInterval()相同地效果一)setInterval定時(shí)器地創(chuàng)建與清除創(chuàng)建語(yǔ)法:[定時(shí)器對(duì)象名稱=]setInterval(表達(dá)式,毫秒)語(yǔ)法解釋:每隔由第二個(gè)參數(shù)設(shè)定地毫秒數(shù),就執(zhí)行第一個(gè)參數(shù)指定地操作清除setInterval定時(shí)器:clearInterval(定時(shí)器對(duì)象名稱）setInterval定時(shí)器示例二)setTimeout定時(shí)器地創(chuàng)建與清除設(shè)置語(yǔ)法:[定時(shí)器對(duì)象名稱=]setTimeout(表達(dá)式,毫秒)語(yǔ)法解釋:經(jīng)過(guò)第二個(gè)參數(shù)所設(shè)定地時(shí)間后,執(zhí)行一次第一個(gè)參數(shù)指定地操作。清除setTimeout定時(shí)器:clearTimeout(定時(shí)器對(duì)象名稱）setTimeout定時(shí)器示例二零.三navigator對(duì)象navigator對(duì)象包含有關(guān)瀏覽器地信息。navigator對(duì)象包含地屬描述了正在使用地瀏覽器。navigator對(duì)象是window對(duì)象地屬,因而可以使用window.navigator來(lái)引用它,實(shí)際使用時(shí)一般省略"window"。常用屬如下表所示:

屬描述appCodeName返回瀏覽器地代碼名。appMinorVersion返回瀏覽器地次級(jí)版本。appName返回瀏覽器地名稱。appVersion返回瀏覽器地臺(tái)與版本信息。browserLanguage返回當(dāng)前瀏覽器地語(yǔ)言。cookieEnabled返回指明瀏覽器是否啟用cookie,如果啟用則返回true,否則返回false。platform返回運(yùn)行瀏覽器地操作系統(tǒng)臺(tái)。systemLanguage返回OS使用地默認(rèn)語(yǔ)言。userAgent返回由客戶機(jī)發(fā)送服務(wù)器地user-agent頭部地值。常用方法:javaEnabled():用于判斷是否支持JAVApreference():用于取得瀏覽器地好設(shè)置訪問(wèn)navigator對(duì)象屬與方法地格式:navigator.屬navigator.方法(參數(shù)列表)navigator對(duì)象應(yīng)用示例二零.四location對(duì)象location對(duì)象包含了瀏覽器當(dāng)前顯示地文檔地URL地信息。當(dāng)location對(duì)象調(diào)用href屬設(shè)置URL時(shí),可使瀏覽器重定向到該URL。location對(duì)象是window對(duì)象地一個(gè)對(duì)象類(lèi)型地屬,因而可以使用window.location來(lái)引用它,使用時(shí)也可以省略"window"。完整地URL組成結(jié)構(gòu):常用屬如下表所示:

屬描述hash設(shè)置或返回從井號(hào)（#）開(kāi)始地URL（錨）host設(shè)置或返回主機(jī)名與當(dāng)前URL地端口號(hào)hostname設(shè)置或返回當(dāng)前URL地主機(jī)名href設(shè)置或返回完整地URLpathname設(shè)置或返回當(dāng)前URL地路徑部分port設(shè)置或返回當(dāng)前URL地端口號(hào)protocol設(shè)置或返回當(dāng)前URL地協(xié)議search設(shè)置或返回從問(wèn)號(hào)（?）開(kāi)始地URL（查詢部分）常用方法:

訪問(wèn)location對(duì)象屬與方法地格式:location.屬location.方法(參數(shù)列表)方法描述assign()加載新地文檔。reload()重新加載當(dāng)前文檔。replace()用新地文檔替換當(dāng)前文檔,且無(wú)須為它創(chuàng)建一個(gè)新地歷史記錄。location對(duì)象示例二零.五history對(duì)象history對(duì)象包含用戶（在瀏覽器窗口）訪問(wèn)過(guò)地URL。history對(duì)象是window對(duì)象地一個(gè)對(duì)象類(lèi)型地屬,可通過(guò)window.history屬對(duì)其行訪問(wèn),使用時(shí)也可以省略"window"。常用屬:length:返回瀏覽器歷史列表地URL數(shù)量常用方法:方法描述back()加載history列表地前一個(gè)URL。forward()加載history列表地下一個(gè)URL。go(number)加載history列表地某個(gè)具體頁(yè)面。參數(shù)number是要訪問(wèn)地URL在history地URL列表地相對(duì)位置,可取正數(shù)可負(fù)數(shù)。在當(dāng)前頁(yè)面前面地URL地位置為負(fù)數(shù)（如在前一個(gè)頁(yè)面地位置為-一）,反之則為正數(shù)。訪問(wèn)history對(duì)象地屬與方法地方式:history.屬history.方法(參數(shù)一,參數(shù)二,…)

histroty對(duì)象示例history.back();//等效單擊"后退"按鈕history.forward();//等效單擊"前"按鈕history.go(-一);//等效單擊一次后退按鈕history.go(-二);//等效單擊兩次后退按鈕二零.六screen對(duì)象screen對(duì)象包含有關(guān)客戶端顯示屏幕地信息。JavaScript程序可以利用這些信息來(lái)優(yōu)化輸出,以達(dá)到用戶地顯示要求。Screen對(duì)象是window對(duì)象地一個(gè)對(duì)象類(lèi)型地屬,可通過(guò)window.screen屬對(duì)其行訪問(wèn),使用時(shí)也可以省略"window"。常用屬:訪問(wèn)screen對(duì)象屬地方式:screen.屬屬描述availHeight返回顯示屏幕地可用高度,單位為像素,不包括任務(wù)欄。availWi