前端开发
392
JS window对象 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL。 语法: window.history.back();
返回前一个浏览的页面
back()方法,加载 history 列表中的前一个 URL。
语法:
window.history.back();
比如,返回前一个浏览的页面,代码如下:
window.history.back();
注意:等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下:
window.history.go(-1);
任务
补充右边代码编辑器第9行,完善GoBack()函数,实现返回前一个页面功能。
**注意:**本编辑器有局限性,可以把代码拷贝到本机上练习,或者在本节页面窗口多打开几个网页后(为了添加历史列表项),在打开本节进行练习。
[html] view plain copy print ?
-
<html>
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<title>无标题文档</title>
-
</head>
-
<script type="text/javascript">
-
function GoBack() {
-
window.history.back();
-
}
-
</script>
-
</head>
-
<body>
-
点击下面的锚点链接,添加历史列表项:
-
-
<a href="www.baidu.com"\>第一个锚点</a>
-
<a name="target1"></a>
-
-
<a href="www.sohu.com"\>第二个锚点</a>
-
<a name="target2"></a>
-
-
使用下面按钮,实现返回前一个页面:
-
<form>
-
-
</form>
-
</body>
-
</html>