第十二講：歷史對(duì)象和地址對(duì)象匯總課件_第1頁
第十二講：歷史對(duì)象和地址對(duì)象匯總課件_第2頁
第十二講：歷史對(duì)象和地址對(duì)象匯總課件_第3頁
第十二講：歷史對(duì)象和地址對(duì)象匯總課件_第4頁
第十二講：歷史對(duì)象和地址對(duì)象匯總課件_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

第十二講：歷史對(duì)象和地址對(duì)象

第十二講：歷史對(duì)象和地址對(duì)象

課程內(nèi)容安排歷史對(duì)象地址對(duì)象歷史對(duì)象和地址對(duì)象的相關(guān)應(yīng)用課程內(nèi)容安排歷史對(duì)象歷史對(duì)象歷史對(duì)象的介紹history對(duì)象其主要作用是用來跟蹤窗口中曾經(jīng)使用的URL，由document對(duì)象的history屬性保持引用。通過使用history對(duì)象可以獲知瀏覽器窗口近來訪問過的網(wǎng)頁個(gè)數(shù)，還可以實(shí)現(xiàn)從一個(gè)頁面跳到另一個(gè)頁面，在實(shí)際應(yīng)用中，如涉及到頁面的跳轉(zhuǎn)問題，可以用這個(gè)對(duì)象來解決。前進(jìn)到上一頁和后退到下一頁使用history對(duì)象的back和forward方法，可以實(shí)現(xiàn)和瀏覽器提供的后退和前進(jìn)功能。 history.back() history.forward()歷史對(duì)象歷史對(duì)象的介紹歷史對(duì)象跳轉(zhuǎn)有時(shí)候，需要從一個(gè)頁面直接跳到另一個(gè)頁面。此時(shí)可以通過調(diào)用history對(duì)象的go方法來實(shí)現(xiàn)，該方法可以直接跳轉(zhuǎn)到某個(gè)歷史URL。例如以下代碼可以跳轉(zhuǎn)到地址列表中編號(hào)為當(dāng)前位置減n的地址所指的頁面。語法如下: history.go(n) 當(dāng)n>0時(shí)，裝入歷史表中的往前數(shù)的第n個(gè)頁面；n=0時(shí)裝入當(dāng)前頁面；n<0時(shí)，裝入歷史表中往后數(shù)的第n個(gè)頁面。另一種更為直接的跳轉(zhuǎn)方法是使用地址對(duì)象，設(shè)置地址對(duì)象的location屬性即可打開指定的地址卸載文檔。下面是一個(gè)具體的實(shí)例。

歷史對(duì)象跳轉(zhuǎn)歷史對(duì)象歷史對(duì)象地址對(duì)象URL介紹URL也就是路徑地址的意思，在網(wǎng)頁中指的是訪問的路徑。它的構(gòu)成是有一定的規(guī)范的，通常情況下，一個(gè)URL會(huì)有下面的格式：協(xié)議（//）+主機(jī):端口（/）+路徑名稱（#）+哈希標(biāo)識(shí)(?)+搜索條件。這些部分是滿足這樣的要求的：“協(xié)議”是URL的起始部分，直到包含到第一個(gè)冒號(hào)；“主機(jī)”描述了主機(jī)和域名，或者一個(gè)網(wǎng)絡(luò)主機(jī)的IP地址；“端口”描述了服務(wù)器用于通訊的通訊端口；路徑名稱描述了URL的路徑方面的信息；地址對(duì)象URL介紹地址對(duì)象“哈希標(biāo)識(shí)”描述了URL中的錨名稱，包括哈希掩碼(#)。此屬性只應(yīng)用于HTTP的URL；“搜索條件”字符串包含變量和值的配對(duì)；每對(duì)之間由一個(gè)“&”連接。獲取指定地址的各屬性值通常在網(wǎng)頁編程時(shí)，會(huì)涉及對(duì)地址的處理的問題，如頁面間的參數(shù)傳遞等，這些都與地址本身的一些屬性有關(guān)。這些屬性大多都是用來引用當(dāng)前文檔的URL的各個(gè)部分。示例如下:

地址對(duì)象“哈希標(biāo)識(shí)”描述了URL中的錨名稱，包括哈希掩碼(#地址對(duì)象獲取指定地址的各屬性值地址對(duì)象獲取指定地址的各屬性值地址對(duì)象

加載新網(wǎng)頁在網(wǎng)頁設(shè)計(jì)過程中，時(shí)常會(huì)用到加載一個(gè)新的網(wǎng)頁的情況。這時(shí)仍然可以用Location對(duì)象。它的href屬性就可以輕松完成這一功能，該屬性返回值為當(dāng)前文檔的URL，如果將該屬性值設(shè)置為新的URL，那么瀏覽器會(huì)自動(dòng)加載該URL的內(nèi)容，從而達(dá)到加載一個(gè)新的網(wǎng)頁的目的。具體的事例如下：地址對(duì)象

加載新網(wǎng)頁地址對(duì)象

獲取參數(shù)，獲取參數(shù)可以說是通過Location對(duì)象的search屬性，可以獲得從URL中傳遞過來的參數(shù)和參數(shù)值。然后在JavaScript代碼中可以處理這些參數(shù)和參數(shù)值。具體的操作見下一頁的示例。地址對(duì)象

獲取參數(shù)，獲取參數(shù)可以說是通過Location對(duì)象地址對(duì)象地址對(duì)象地址對(duì)象

裝載新文檔與重新裝入當(dāng)前文檔文檔的裝載在應(yīng)用中也是比較常見的，然而它的裝方式一共就三種，即assign、replace和reload這三個(gè)方法。其中reload方法用于根據(jù)瀏覽器reload按鈕定義的策略重新裝入窗口的當(dāng)前文檔。replace方法取一個(gè)URL參數(shù),從當(dāng)前文檔歷史清單中裝入U(xiǎn)RL,并顯示指定頁面。具體的使用方法如下面代碼所示。地址對(duì)象

裝載新文檔與重新裝入當(dāng)前文檔地址對(duì)象

01 <head>02 <title>范例12-6</title>03 <scriptlanguage="javascript">04 functionAssign()05 { 06 location.assign("");//加載一個(gè)新文檔,和location對(duì)象的href屬一樣07 }08 functionReplace(){09 location.replace("");//使用新的URL替換當(dāng)前文檔，不加入到瀏覽器的歷史中10 }11 functionReload()12 {13 location.reload("/");//重新載入當(dāng)前文檔，有一個(gè)bool參數(shù)14 }15 </script>16 </head>17 <body>18 <divonClick="Assign()">前往百度首頁</div>19 <divonClick="Reload()">163郵箱登錄</div>20 <divonClick="Reload()">前往google首頁</div>21 </body>地址對(duì)象

01 <head>地址對(duì)象

刷新文檔在實(shí)際應(yīng)用中，經(jīng)常會(huì)涉及到對(duì)文檔的刷新，JavaScript提供了一種刷新方法。使用Location對(duì)象的reload()方法可以刷新當(dāng)前文檔。reload()方法的語法代碼如下所示：

location.reload(loadType)加載新文檔加載一個(gè)新文檔，除了用open方法以外還可以用Location對(duì)象所提供的方法。Location對(duì)象所提供的replace方法可以用一個(gè)URL來取代當(dāng)前窗口的URL，以達(dá)到加載新文檔的效果。replace方法的語法代碼如下所示：location.replace(url)

地址對(duì)象

刷新文檔地址對(duì)象加載新文檔示例。01 <script>02 varpos=0 //給變量pos賦初值009 functiongoUrl() //自定義函數(shù)獲取新地址10 {11 pos++ //pos加112 location.replace("?id="+pos)//加載新頁面13 }</script> <inputtype=buttonvalue="加載新頁面"onclick="goUrl()"> <!—單擊按鈕加載一個(gè)新頁面-->地址對(duì)象加載新文檔示例。01 <script>第十二講：歷史對(duì)象和地址對(duì)象

第十二講：歷史對(duì)象和地址對(duì)象

課程內(nèi)容安排歷史對(duì)象地址對(duì)象歷史對(duì)象和地址對(duì)象的相關(guān)應(yīng)用課程內(nèi)容安排歷史對(duì)象歷史對(duì)象歷史對(duì)象的介紹history對(duì)象其主要作用是用來跟蹤窗口中曾經(jīng)使用的URL，由document對(duì)象的history屬性保持引用。通過使用history對(duì)象可以獲知瀏覽器窗口近來訪問過的網(wǎng)頁個(gè)數(shù)，還可以實(shí)現(xiàn)從一個(gè)頁面跳到另一個(gè)頁面，在實(shí)際應(yīng)用中，如涉及到頁面的跳轉(zhuǎn)問題，可以用這個(gè)對(duì)象來解決。前進(jìn)到上一頁和后退到下一頁使用history對(duì)象的back和forward方法，可以實(shí)現(xiàn)和瀏覽器提供的后退和前進(jìn)功能。 history.back() history.forward()歷史對(duì)象歷史對(duì)象的介紹歷史對(duì)象跳轉(zhuǎn)有時(shí)候，需要從一個(gè)頁面直接跳到另一個(gè)頁面。此時(shí)可以通過調(diào)用history對(duì)象的go方法來實(shí)現(xiàn)，該方法可以直接跳轉(zhuǎn)到某個(gè)歷史URL。例如以下代碼可以跳轉(zhuǎn)到地址列表中編號(hào)為當(dāng)前位置減n的地址所指的頁面。語法如下: history.go(n) 當(dāng)n>0時(shí)，裝入歷史表中的往前數(shù)的第n個(gè)頁面；n=0時(shí)裝入當(dāng)前頁面；n<0時(shí)，裝入歷史表中往后數(shù)的第n個(gè)頁面。另一種更為直接的跳轉(zhuǎn)方法是使用地址對(duì)象，設(shè)置地址對(duì)象的location屬性即可打開指定的地址卸載文檔。下面是一個(gè)具體的實(shí)例。

歷史對(duì)象跳轉(zhuǎn)歷史對(duì)象歷史對(duì)象地址對(duì)象URL介紹URL也就是路徑地址的意思，在網(wǎng)頁中指的是訪問的路徑。它的構(gòu)成是有一定的規(guī)范的，通常情況下，一個(gè)URL會(huì)有下面的格式：協(xié)議（//）+主機(jī):端口（/）+路徑名稱（#）+哈希標(biāo)識(shí)(?)+搜索條件。這些部分是滿足這樣的要求的：“協(xié)議”是URL的起始部分，直到包含到第一個(gè)冒號(hào)；“主機(jī)”描述了主機(jī)和域名，或者一個(gè)網(wǎng)絡(luò)主機(jī)的IP地址；“端口”描述了服務(wù)器用于通訊的通訊端口；路徑名稱描述了URL的路徑方面的信息；地址對(duì)象URL介紹地址對(duì)象“哈希標(biāo)識(shí)”描述了URL中的錨名稱，包括哈希掩碼(#)。此屬性只應(yīng)用于HTTP的URL；“搜索條件”字符串包含變量和值的配對(duì)；每對(duì)之間由一個(gè)“&”連接。獲取指定地址的各屬性值通常在網(wǎng)頁編程時(shí)，會(huì)涉及對(duì)地址的處理的問題，如頁面間的參數(shù)傳遞等，這些都與地址本身的一些屬性有關(guān)。這些屬性大多都是用來引用當(dāng)前文檔的URL的各個(gè)部分。示例如下:

地址對(duì)象“哈希標(biāo)識(shí)”描述了URL中的錨名稱，包括哈希掩碼(#地址對(duì)象獲取指定地址的各屬性值地址對(duì)象獲取指定地址的各屬性值地址對(duì)象

加載新網(wǎng)頁在網(wǎng)頁設(shè)計(jì)過程中，時(shí)常會(huì)用到加載一個(gè)新的網(wǎng)頁的情況。這時(shí)仍然可以用Location對(duì)象。它的href屬性就可以輕松完成這一功能，該屬性返回值為當(dāng)前文檔的URL，如果將該屬性值設(shè)置為新的URL，那么瀏覽器會(huì)自動(dòng)加載該URL的內(nèi)容，從而達(dá)到加載一個(gè)新的網(wǎng)頁的目的。具體的事例如下：地址對(duì)象

加載新網(wǎng)頁地址對(duì)象

獲取參數(shù)，獲取參數(shù)可以說是通過Location對(duì)象的search屬性，可以獲得從URL中傳遞過來的參數(shù)和參數(shù)值。然后在JavaScript代碼中可以處理這些參數(shù)和參數(shù)值。具體的操作見下一頁的示例。地址對(duì)象

獲取參數(shù)，獲取參數(shù)可以說是通過Location對(duì)象地址對(duì)象地址對(duì)象地址對(duì)象

裝載新文檔與重新裝入當(dāng)前文檔文檔的裝載在應(yīng)用中也是比較常見的，然而它的裝方式一共就三種，即assign、replace和reload這三個(gè)方法。其中reload方法用于根據(jù)瀏覽器reload按鈕定義的策略重新裝入窗口的當(dāng)前文檔。replace方法取一個(gè)URL參數(shù),從當(dāng)前文檔歷史清單中裝入U(xiǎn)RL,并顯示指定頁面。具體的使用方法如下面代碼所示。地址對(duì)象

裝載新文檔與重新裝入當(dāng)前文檔地址對(duì)象

01 <head>02 <title>范例12-6</title>03 <scriptlanguage="javascript">04 functionAssign()05 { 06 location.assign("");//加載一個(gè)新文檔,和location對(duì)象的href屬一樣07 }08 functionReplace(){09 location.replace("");//使用新的URL替換當(dāng)前文檔，不加入到瀏覽器的歷史中10 }11 functionReload()12 {13 location.reload("/");//重新載入當(dāng)前文檔，有一個(gè)bool參數(shù)14 }15 </script>16 </head>17 <body>18 <divonClick="Assign()">前往百度首頁</div>19 <divonClick="Reload()">163郵箱登錄</div>20 <divonClick="Reload()">前往google首頁</div>21 </body>地址對(duì)象

01 <head>地址對(duì)象

刷新文檔在實(shí)際應(yīng)用中，經(jīng)常會(huì)涉及到對(duì)文檔的刷新，JavaScript提供了一種刷新方法。使用Location對(duì)象的reload()方法可以刷新當(dāng)前文檔。reload()方法的語法代碼如下所示：

location.reload(loadType)加載新文檔加載一個(gè)新文檔，除了用open方法以外還可以用Location對(duì)象所提供的方法。Location對(duì)象所提供的replace方法可以用一個(gè)URL來取代當(dāng)前窗口的URL，以達(dá)到加載新文檔的效果。replace方法的語法代碼如下所示：location.replace(url)

地址對(duì)象

刷新文檔地址對(duì)象加

溫馨提示

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

評(píng)論

0/150

提交評(píng)論