JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 5-1使用Location對象、navigator對象、screen對象_第1頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 5-1使用Location對象、navigator對象、screen對象_第2頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 5-1使用Location對象、navigator對象、screen對象_第3頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 5-1使用Location對象、navigator對象、screen對象_第4頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 5-1使用Location對象、navigator對象、screen對象_第5頁
已閱讀5頁，還剩14頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

項目5.1使用Location對象、navigator對象、screen對象主講：***2024年1月2日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計1子項目項目5BOM對象和事件表單常用元素2024年1月2日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計2學(xué)習(xí)任務(wù)

任務(wù)1使用Windows對象

任務(wù)2使用document對象

任務(wù)6

History對象

任務(wù)3使用Location對象

任務(wù)4使用navigator對象

任務(wù)5使用screen對象項目5BOM對象和事件項目5BOM對象和事件任務(wù)3使用Location對象window.location對象用于獲得當(dāng)前頁面的地址(URL)，并把瀏覽器重定向到新的頁面。window.location

對象在編寫時可不使用window這個前綴。Location對象包含有關(guān)當(dāng)前URL的信息。Location對象是window對象的一部分，可通過window.Location屬性對其進行訪問。注意：沒有應(yīng)用于Location對象的公開標(biāo)準(zhǔn)，不過所有瀏覽器都支持該對象。項目5BOM對象和事件1、Location對象屬性：屬性描述hash返回一個URL的錨部分host返回一個URL的主機名和端口hostname返回URL的主機名href返回完整的URLpathname返回的URL路徑名。port返回一個URL服務(wù)器使用的端口號protocol返回一個URL協(xié)議search返回一個URL的查詢部分項目5BOM對象和事件范例5-5返回（當(dāng)前頁面的）整個URL：

<scripttype="text/javascript">document.write(location.href);</script>file:///C:/范例5-5.html以上代碼輸出為：1.1href屬性的使用項目5BOM對象和事件WindowLocationPathnamelocation.pathname屬性返回URL的路徑名。返回當(dāng)前URL的路徑名：<script>document.write(location.pathname);</script>/js/js_window_location.asp以上代碼輸出為：1.2pathname屬性的使用項目5BOM對象和事件<html><head><script>functionnewDoc(){window.location.assign("")}</script></head><body><inputtype="button"value="加載新文檔"onclick="newDoc()"></body></html>1.3assign加載新的文檔范例5-6加載一個新的文檔：運行結(jié)果：項目5BOM對象和事件任務(wù)4使用navigator對象在進行Web開發(fā)時，通過navigator對象的屬性來確定用戶瀏覽器的版本，進而編寫有針對某一瀏覽器版本的代碼。因為當(dāng)前流行著幾大瀏覽器，并且各瀏覽器對W3C的Web規(guī)范的實現(xiàn)都有區(qū)別，在編程時有必要識別不同的瀏覽器。navigator的常用屬性如下：appCodeNam，瀏覽器的代碼名稱。appName，瀏覽器的實際名稱。appVersion，瀏覽器的版本號和平臺信息。這些都是在Web開發(fā)中經(jīng)常用到的屬性。例如，XMLHttpRequest對象創(chuàng)建方式，在IE瀏覽器中和其他瀏覽器是不同的，因此需要通過讀取navigator對象的appName屬性來確定是不是在IE中。window.navigator對象包含有關(guān)訪問者瀏覽器的信息。WindowNavigatorwindow.navigator對象在編寫時可不使用window這個前綴。項目5BOM對象和事件1、navigation對象的屬性屬性說明appCodeName返回瀏覽器的代碼名appName返回瀏覽器的名稱appVersion返回瀏覽器的平臺和版本信息cookieEnabled返回指明瀏覽器中是否啟用cookie的布爾值platform返回運行瀏覽器的操作系統(tǒng)平臺userAgent返回由客戶機發(fā)送服務(wù)器的user-agent頭部的值項目5BOM對象和事件2、navigation對象的方法方法描述javaEnabled()指定是否在瀏覽器中啟用JavataintEnabled()規(guī)定瀏覽器是否啟用數(shù)據(jù)污點(datatainting)項目5BOM對象和事件范例5-7使用navigation對象，輸出當(dāng)前瀏覽器的信息

<divid="example"></div>

<script>

txt="<p>BrowserCodeName:"+navigator.appCodeName+"</p>";txt+="<p>BrowserName:"+navigator.appName+"</p>";txt+="<p>BrowserVersion:"+navigator.appVersion+"</p>";txt+="<p>CookiesEnabled:"+navigator.cookieEnabled+"</p>";txt+="<p>Platform:"+navigator.platform+"</p>";txt+="<p>User-agentheader:"+navigator.userAgent+"</p>";txt+="<p>User-agentlanguage:"+navigator.systemLanguage+"</p>";

document.getElementById("example").innerHTML=txt;

</script>項目5BOM對象和事件運行結(jié)果如下所示：項目5BOM對象和事件任務(wù)5使用screen對象window.screen

對象在編寫時可以不使用window這個前綴。項目5BOM對象和事件1、Screen對象的屬性：屬性說明availHeight返回屏幕的高度（不包括Windows任務(wù)欄）availWidth返回屏幕的寬度（不包括Windows任務(wù)欄）colorDepth返回目標(biāo)設(shè)備或緩沖器上的調(diào)色板的比特深度height返回屏幕的總高度pixelDepth返回屏幕的顏色分辨率（每象素的位數(shù)）width返回屏幕的總寬度項目5BOM對象和事件范例5-8返回您的屏幕的可用寬度：

<html><head><script>document.write("可用寬度："+screen.availWidth);</script></head><body></body></html>運行結(jié)果項目5BOM對象和事件任務(wù)5History對象History對象包含用戶（在瀏覽器窗口中）訪問過的URL。History對象是window對象的一部分，可通過window.history屬性對其進行訪問。注意：沒有應(yīng)用于History對象的公開標(biāo)準(zhǔn)，不過所有瀏覽器都支持該對象。項目5BOM對象和事件1、History對象屬性屬性說明length返回歷史列表中的網(wǎng)址數(shù)2、History對象方法方法說明back()加載history列表中的前一個URLforward()加載history列表中的下一個URLgo()加載

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論