當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
[JS-BOM]BOM_History历史记录对象
生活随笔
收集整理的這篇文章主要介紹了
[JS-BOM]BOM_History历史记录对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
History:歷史記錄對象
1. 創建(獲取):1. window.history2. history2. 方法:* back() 加載 history 列表中的前一個 URL。* forward() 加載 history 列表中的下一個 URL。* go(參數) 加載 history 列表中的某個具體頁面。* 參數:* 正數:前進幾個歷史記錄* 負數:后退幾個歷史記錄3. 屬性:* length 返回當前窗口歷史列表中的 URL 數量。示例代碼如下:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>History對象</title> </head> <body><input type="button" id="btn" value="獲取歷史記錄個數"><a href="09_History對象2.html">09頁面</a><input type="button" id="forward" value="前進"> <script>/*History:歷史記錄對象1. 創建(獲取):1. window.history2. history2. 方法:* back() 加載 history 列表中的前一個 URL。* forward() 加載 history 列表中的下一個 URL。* go(參數) 加載 history 列表中的某個具體頁面。* 參數:* 正數:前進幾個歷史記錄* 負數:后退幾個歷史記錄3. 屬性:* length 返回當前窗口歷史列表中的 URL 數量。*///1.獲取按鈕var btn = document.getElementById("btn");//2.綁定單機事件btn.onclick = function(){//3.獲取當前窗口歷史記錄個數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历史记录对象的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 减肥晚上食谱吃什么好
- 下一篇: [JS-DOM]DOM概述