JavaScriptWindowHistory是什么及怎么用

本篇內(nèi)容介紹了“JavaScript Window History是什么及怎么用”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

十年的長(zhǎng)清網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整長(zhǎng)清建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“長(zhǎng)清網(wǎng)站設(shè)計(jì)”,“長(zhǎng)清網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

一、前言

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è)面。

例

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

完整代碼：

<!DOCTYPE html> <html> <title>項(xiàng)目</title>  <body style="background-color: aqua;">  <p>歷史記錄列表中的URL數(shù):</p>  <p id="para"></p>  <p> <b>注意:      </b>本示例在新框架中打開，并將被視為新的"會(huì)話":</p>  <script> var result = history.length; document.getElementById("para").innerHTML = result; </script>  </body> </html>

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

JavaScript Window History是什么及怎么用

1. 返回上一頁(yè)

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

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

<!DOCTYPE html> <html> <title>項(xiàng)目</title>  <body style="background-color: aqua">  <button onclick="history.back();">Go Back</button>  <p><b>Note:</b> 單擊此處的“后退”按鈕將不會(huì)執(zhí)行任何操作，因?yàn)闅v史記錄列表中沒有先前的URL</p>  </body> </html>

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

JavaScript Window History是什么及怎么用

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

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

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

<!DOCTYPE html> <html> <title>項(xiàng)目</title>  <body style="background-color: aqua;">  <button onclick="history.forward();">前進(jìn)</button>  <p> <b>注意:</b>單擊此處的"前進(jìn)"按鈕將不會(huì)執(zhí)行任何操作，因?yàn)闅v史記錄列表中沒有下一個(gè)URL:</p>  </body> </html>

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

JavaScript Window History是什么及怎么用

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

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

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

例

<!DOCTYPE html> <html> <title>項(xiàng)目</title>  <body style="background-color: aqua;">  <button onclick="history.go(-2);">回退第2頁(yè)</button>  <p> <b>注意:</b>單擊此處的"回退第2頁(yè)"按鈕將不會(huì)執(zhí)行任何操作，因?yàn)闅v史記錄列表中沒有先前的URL。</p>  </body> </html>

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

JavaScript Window History是什么及怎么用

“JavaScript Window History是什么及怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

名稱欄目：JavaScriptWindowHistory是什么及怎么用
文章分享：http://bm7419.com/article44/gejcee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站收錄、面包屑導(dǎo)航、云服務(wù)器、網(wǎng)頁(yè)設(shè)計(jì)公司、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

綿陽(yáng)服務(wù)器托管