- 資訊首頁(yè) > 開(kāi)發(fā)技術(shù) > web開(kāi)發(fā) >
- 什么是JavaScript Window History
這篇文章主要介紹“什么是JavaScript Window History”，在日常操作中，相信很多人在什么是JavaScript Window History問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對大家解答”什么是JavaScript Window History”的疑惑有所幫助！接下來(lái)，請跟著(zhù)小編一起來(lái)學(xué)習吧！
window.history 對象可以不用窗口window前綴編寫(xiě)。為了保護用戶(hù)的隱私,有限制的JavaScript可以訪(fǎng)問(wèn)此對象。
history.back() - 與點(diǎn)擊瀏覽器中的back按鈕相同。
history.forward() - 與點(diǎn)擊瀏覽器中的forward按鈕相同。
window.history對象包含瀏覽器會(huì )話(huà)歷史記錄，在當前框架或窗口中訪(fǎng)問(wèn)的所有頁(yè)面的列表，window.history可以編寫(xiě)沒(méi)有窗口前綴的對象。
但是，為了保護用戶(hù)的隱私，JavaScript如何訪(fǎng)問(wèn)此對象存在一些限制。window.history 對象包含瀏覽器歷史記錄。
該history.length屬性返回瀏覽器會(huì )話(huà)歷史記錄中當前窗口的頁(yè)面數，還包括當前加載的頁(yè)面。
例
var result = history.length; // 返回當前會(huì )話(huà)歷史記錄的大小
<!DOCTYPE html> <html> <title>項目</title> <body style="background-color: aqua;"> <p>歷史記錄列表中的URL數:</p> <p id="para"></p> <p> <b>注意: </b>本示例在新框架中打開(kāi)，并將被視為新的"會(huì )話(huà)":</p> <script> var result = history.length; document.getElementById("para").innerHTML = result; </script> </body> </html>可以使用此屬性來(lái)找出用戶(hù)在當前瀏覽器會(huì )話(huà)期間訪(fǎng)問(wèn)了多少頁(yè)面。
該history.back()方法將歷史記錄列表中的上一個(gè)URL加載。
這與在瀏覽器中單擊“后退按鈕”相同。
<!DOCTYPE html> <html> <title>項目</title> <body style="background-color: aqua"> <button onclick="history.back();">Go Back</button> <p><b>Note:</b> 單擊此處的“后退”按鈕將不會(huì )執行任何操作，因為歷史記錄列表中沒(méi)有先前的URL</p> </body> </html>
上面的代碼將顯示以下輸出。
該history.forward()方法將在歷史記錄列表中加載下一個(gè)URL。
這與在瀏覽器中單擊“轉發(fā)按鈕”相同。
<!DOCTYPE html> <html> <title>項目</title> <body style="background-color: aqua;"> <button onclick="history.forward();">前進(jìn)</button> <p> <b>注意:</b>單擊此處的"前進(jìn)"按鈕將不會(huì )執行任何操作，因為歷史記錄列表中沒(méi)有下一個(gè)URL:</p> </body> </html>
上面的代碼將顯示以下輸出(如果歷史記錄列表中不存在下一頁(yè)，則此示例將不起作用)：
可以使用history.go()方法從會(huì )話(huà)歷史記錄中加載特定頁(yè)面。
此方法將整數作為參數，負整數在歷史記錄中向后移動(dòng)，正整數在歷史記錄中向后移動(dòng)。
例
<!DOCTYPE html> <html> <title>項目</title> <body style="background-color: aqua;"> <button onclick="history.go(-2);">回退第2頁(yè)</button> <p> <b>注意:</b>單擊此處的"回退第2頁(yè)"按鈕將不會(huì )執行任何操作，因為歷史記錄列表中沒(méi)有先前的URL。</p> </body> </html>
上面的代碼將顯示以下輸出：
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng )、來(lái)自互聯(lián)網(wǎng)轉載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權請聯(lián)系站長(cháng)郵箱：ts@56dr.com進(jìn)行舉報，并提供相關(guān)證據，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權內容。
Copyright ? 2009-2021 56dr.com. All Rights Reserved. 特網(wǎng)科技 版權所有 珠海市特網(wǎng)科技有限公司 粵ICP備16109289號
域名注冊服務(wù)機構:阿里云計算有限公司（萬(wàn)網(wǎng)） 域名服務(wù)機構：煙臺帝思普網(wǎng)絡(luò )科技有限公司（DNSPod） CDN服務(wù)：阿里云計算有限公司 中國互聯(lián)網(wǎng)舉報中心 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證B2 建議您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流瀏覽器瀏覽本網(wǎng)站
