8-8 返回前一个浏览的页面
本节编程练习不计算学习进度,请电脑登录imooc.com操作

返回前一个浏览的页面

back()方法,加载 history 列表中的前一个 URL。

语法:

window.history.back();

比如,返回前一个浏览的页面,代码如下:

window.history.back();

注意:等同于点击浏览器的倒退按钮。

back()相当于go(-1),代码如下:

window.history.go(-1);

任务

补充右边代码编辑器第9行,完善GoBack()函数,实现返回前一个页面功能。

注意:本编辑器有局限性,可以把代码拷贝到本机上练习,或者在本节页面窗口多打开几个网页后(为了添加历史列表项),在打开本节进行练习。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script type="text/javascript">
  7. function GoBack() {
  8.  
  9. }
  10.  
  11. </script>
  12. </head>
  13.  
  14.  
  15. <body>
  16. 点击下面的锚点链接,添加历史列表项:
  17.  
  18. <br />
  19. <a href="#target1">第一个锚点</a>
  20. <a name="target1"></a>
  21. <br />
  22. <a href="#target2">第二个锚点</a>
  23. <a name="target2"></a>
  24. <br /><br />
  25. 使用下面按钮,实现返回前一个页面:
  26. <form>
  27. <input type="button" value="返回前一个页面" onclick="GoBack();" />
  28. </form>
  29. </body>
  30. </html>
下一节