8-7 History 对象
本节编程练习不计算学习进度,请电脑登录imooc.com操作

History 对象

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

注意:窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

语法:

window.history.[属性|方法]

注意:window可以省略。

History 对象属性

History 对象方法

使用length属性,当前窗口的浏览历史总长度,代码如下:

<script type="text/javascript">
  var HL = window.history.length;
  document.write(HL);
</script>

 

任务

补充右边编辑器第8行,获取浏览器历史列表中的URL数量。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>History对象</title>
  6. </head>
  7. <script type="text/javascript">
  8. var HL = ;
  9. document.write(HL);
  10. </script>
  11. <body>
  12. </body>
  13. </html>
下一节