日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
一篇文章帶你了解JavaScriptWindowHistory

[[397025]]

一、前言

window.history 對(duì)象可以不用窗口window前綴編寫。為了保護(hù)用戶的隱私,有限制的JavaScript可以訪問此對(duì)象。

history.back() - 與點(diǎn)擊瀏覽器中的back按鈕相同。

history.forward() - 與點(diǎn)擊瀏覽器中的forward按鈕相同。

二、history對(duì)象

window.history對(duì)象包含瀏覽器會(huì)話歷史記錄，在當(dāng)前框架或窗口中訪問的所有頁(yè)面的列表，window.history可以編寫沒有窗口前綴的對(duì)象。

但是，為了保護(hù)用戶的隱私，JavaScript如何訪問此對(duì)象存在一些限制。window.history 對(duì)象包含瀏覽器歷史記錄。

三、獲取訪問的頁(yè)面數(shù)

該history.length屬性返回瀏覽器會(huì)話歷史記錄中當(dāng)前窗口的頁(yè)面數(shù)，還包括當(dāng)前加載的頁(yè)面。

例

 
 
 
 
    
  
  
  
  
  1. var result = history.length; // 返回當(dāng)前會(huì)話歷史記錄的大小 
    2.

完整代碼：

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 項(xiàng)目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 歷史記錄列表中的URL數(shù):
     
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  注意: 
    12.   
  
  
  
  12.      本示例在新框架中打開，并將被視為新的"會(huì)話":
     
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.  
    16.   
  
  
  
  16.  
    17.   
  
  
  
  17.  
    18.

 可以使用此屬性來找出用戶在當(dāng)前瀏覽器會(huì)話期間訪問了多少頁(yè)面。

1. 返回上一頁(yè)

該history.back()方法將歷史記錄列表中的上一個(gè)URL加載。

這與在瀏覽器中單擊“后退按鈕”相同。

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 項(xiàng)目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. Go Back 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. Note: 單擊此處的“后退”按鈕將不會(huì)執(zhí)行任何操作，因?yàn)闅v史記錄列表中沒有先前的URL
     
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.

 上面的代碼將顯示以下輸出。

2. 前進(jìn)到下一頁(yè)

該history.forward()方法將在歷史記錄列表中加載下一個(gè)URL。

這與在瀏覽器中單擊“轉(zhuǎn)發(fā)按鈕”相同。

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 項(xiàng)目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 前進(jìn) 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  注意:單擊此處的"前進(jìn)"按鈕將不會(huì)執(zhí)行任何操作，因?yàn)闅v史記錄列表中沒有下一個(gè)URL:
     
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.

上面的代碼將顯示以下輸出(如果歷史記錄列表中不存在下一頁(yè)，則此示例將不起作用)：

3. 轉(zhuǎn)到特定頁(yè)面

可以使用history.go()方法從會(huì)話歷史記錄中加載特定頁(yè)面。

此方法將整數(shù)作為參數(shù)，負(fù)整數(shù)在歷史記錄中向后移動(dòng)，正整數(shù)在歷史記錄中向后移動(dòng)。

例

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 項(xiàng)目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 回退第2頁(yè) 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  注意:單擊此處的"回退第2頁(yè)"按鈕將不會(huì)執(zhí)行任何操作，因?yàn)闅v史記錄列表中沒有先前的URL。
     
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.

上面的代碼將顯示以下輸出：

四、總結(jié)

本文基于JavaScript基礎(chǔ)，介紹了如何通過window.history訪問 JavaScript瀏覽器對(duì)象，如何獲取對(duì)應(yīng)網(wǎng)頁(yè)的頁(yè)數(shù) 訪問網(wǎng)頁(yè)的上一頁(yè)，下一頁(yè)，訪問特定的頁(yè)面，都做了詳細(xì)的講解。通過用豐富的案例幫助大家更好理解。

希望大家可以根據(jù)文章的內(nèi)容，積極嘗試，有時(shí)候看到別人實(shí)現(xiàn)起來很簡(jiǎn)單，但是到自己動(dòng)手實(shí)現(xiàn)的時(shí)候，總會(huì)有各種各樣的問題，切勿眼高手低，勤動(dòng)手，才可以理解的更加深刻。

 


本文標(biāo)題：一篇文章帶你了解JavaScriptWindowHistory
標(biāo)題鏈接：http://www.5511xx.com/article/codcjch.html