JS window对象 返回前一个浏览的页面 back()方法

返回前一个浏览的页面

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

语法：

window.history.back();

比如，返回前一个浏览的页面，代码如下：

window.history.back();

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

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

window.history.go(-1);

任务

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

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

[html] view plaincopyprint?

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

原文地址：https://www.cnblogs.com/jasonLiu2018/p/10799220.html

时间： 2024-10-10 00:53:50

JS window对象 返回前一个浏览的页面 back()方法的相关文章

js window对象常用内容

window对象表示的是浏览器的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. 没有多个框架,在一个框架中,window为一个,所以window可以省略书写. 它有很多属性和方法. Navigator   获取浏览器的信息 Screen     获取屏幕的信息 History    包含用户在浏览器窗口中访问过的 URL. Location     包含有关当前 URL 的信息

JS json对象(Object)和字符串(String)互转方法

[JS json对象(Object)和字符串(String)互转方法] 参考:https://blog.csdn.net/wenqianla2550/article/details/78232706 string -> jsonObj JSON.parse(jsonString); jsonObj -> string JSON.stringify(jsArr); 记录一下 原文地址:https://www.cnblogs.com/d-i-p/p/11025164.html

JS window对象的top、parent、opener含义

top    该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. opener opener用于在window.open的页面引用执行该window.open方法的的页面的对象.例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作. parent parent用于在iframe,frame中生成的子页面中访问父页面的对象.例如:A页面中有一个ifra

（转）JS window对象的top、parent、opener含义

1.top    该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该window.open方法的的页面的对象.例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作. 3.parent parent用于在iframe,frame中生成的子页面中访问父页面的对象.例如:A页面中有

js window对象

BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象是(1)通过JavaScript访问浏览器窗口的一个接口 (2)ECMAScript规定的Global对象 1.全局作用域 ECMA-266定义了对象:内置对象(例如Object.Array.String.Function)及单体内置对象(Global(全局)对象和Math) 事实上没有全局变量和全局函数:所有在全局作用域中定义的属性和函数,都是Global对象的属性.此外,所有原生引用类型的构造函数(像Obj

[JS] js 判断用户是否在浏览当前页面

var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null; var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange'); var onVisibilityChan

js window.open打开新窗口原页面出现[object window]解决办法

解决方法: 1.<a href="javascript:window.open('about:blank','_blank');void(0);">ddd</a>只需要在href中加入void(0);即可2.<a href="#" onclick="window.open('about:blank','_blank')">ddd</a> window.open()函数说明: 函数原型:window.

JS数组对象的定义及相关属性和方法

数组: JS中的数组对象跟java中的集合本质上是一样的,它的长度是可变的.元素可以是任意object类型. 定义: new Array(); new Array(size); new Array(element0, element1, ..., elementn); var array = [element0,element1,...,elementn];//定义一个二维数组 var array2w = [ [element0,element1,...,elementn], [element0

【温故而知新-Javascript】使用 Window 对象

1. 获取 Window 对象 可以用两种方式获得Window对象.正规的HTML5方式是在Document对象上使用defaultView属性.另一种是使用所有浏览器都支持的全局变量window . <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取Window对象</title> </head