當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

[JS-BOM]BOM_History历史记录对象

發(fā)布時間：2023/12/4 javascript 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 [JS-BOM]BOM_History历史记录对象小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

History：歷史記錄對象

1. 創(chuàng)建(獲取)：1. window.history2. history2. 方法：* back() 加載 history 列表中的前一個 URL。* forward() 加載 history 列表中的下一個 URL。* go(參數(shù)) 加載 history 列表中的某個具體頁面。* 參數(shù)：* 正數(shù)：前進幾個歷史記錄* 負數(shù)：后退幾個歷史記錄3. 屬性：* length 返回當前窗口歷史列表中的 URL 數(shù)量。

示例代碼如下:

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>History對象</title> </head> <body><input type="button" id="btn" value="獲取歷史記錄個數(shù)"><a href="09_History對象2.html">09頁面</a><input type="button" id="forward" value="前進"> <script>/*History：歷史記錄對象1. 創(chuàng)建(獲取)：1. window.history2. history2. 方法：* back() 加載 history 列表中的前一個 URL。* forward() 加載 history 列表中的下一個 URL。* go(參數(shù)) 加載 history 列表中的某個具體頁面。* 參數(shù)：* 正數(shù)：前進幾個歷史記錄* 負數(shù)：后退幾個歷史記錄3. 屬性：* length 返回當前窗口歷史列表中的 URL 數(shù)量。*///1.獲取按鈕var btn = document.getElementById("btn");//2.綁定單機事件btn.onclick = function(){//3.獲取當前窗口歷史記錄個數(shù)var length = history.length;alert(length);}//1.獲取按鈕var forward = document.getElementById("forward");//2.綁定單機事件forward.onclick = function(){//前進// history.forward();history.go(1);}</script></body> </html>

總結

以上是生活随笔為你收集整理的[JS-BOM]BOM_History历史记录对象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。