这篇文章主要介绍“什么是JavaScript Window History”，在日常操作中，相信很多人在什么是JavaScript Window History问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”什么是JavaScript Window History”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
window.history 对象可以不用窗口window前缀编写。为了保护用户的隐私,有限制的JavaScript可以访问此对象。
history.back() - 与点击浏览器中的back按钮相同。
history.forward() - 与点击浏览器中的forward按钮相同。
window.history对象包含浏览器会话历史记录，在当前框架或窗口中访问的所有页面的列表，window.history可以编写没有窗口前缀的对象。
但是，为了保护用户的隐私，JavaScript如何访问此对象存在一些限制。window.history 对象包含浏览器历史记录。
该history.length属性返回浏览器会话历史记录中当前窗口的页面数，还包括当前加载的页面。
例
var result = history.length; // 返回当前会话历史记录的大小
<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <p>历史记录列表中的URL数:</p> <p id="para"></p> <p> <b>注意: </b>本示例在新框架中打开，并将被视为新的"会话":</p> <script> var result = history.length; document.getElementById("para").innerHTML = result; </script> </body> </html>可以使用此属性来找出用户在当前浏览器会话期间访问了多少页面。
该history.back()方法将历史记录列表中的上一个URL加载。
这与在浏览器中单击“后退按钮”相同。
<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua"> <button onclick="history.back();">Go Back</button> <p><b>Note:</b> 单击此处的“后退”按钮将不会执行任何操作，因为历史记录列表中没有先前的URL</p> </body> </html>
上面的代码将显示以下输出。
该history.forward()方法将在历史记录列表中加载下一个URL。
这与在浏览器中单击“转发按钮”相同。
<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <button onclick="history.forward();">前进</button> <p> <b>注意:</b>单击此处的"前进"按钮将不会执行任何操作，因为历史记录列表中没有下一个URL:</p> </body> </html>
上面的代码将显示以下输出(如果历史记录列表中不存在下一页，则此示例将不起作用)：
可以使用history.go()方法从会话历史记录中加载特定页面。
此方法将整数作为参数，负整数在历史记录中向后移动，正整数在历史记录中向后移动。
例
<!DOCTYPE html> <html> <title>项目</title> <body style="background-color: aqua;"> <button onclick="history.go(-2);">回退第2页</button> <p> <b>注意:</b>单击此处的"回退第2页"按钮将不会执行任何操作，因为历史记录列表中没有先前的URL。</p> </body> </html>
上面的代码将显示以下输出：
到此，关于“什么是JavaScript Window History”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
