多语言展示
当前在线:1565今日阅读:60今日分享:41

js返回上一页的代码怎么写

在网页制作的过程中,经常会使用“返回上一页”的操作,那么,返回上一页的代码是怎么写呢?下面小编举例讲解js返回上一页的代码怎么写。
工具/原料
1

html+js

2

代码编辑器:Zend Studio 12.5.1

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解js返回上一页的代码怎么写。

2

在test.html文件中,使用a标签创建一个链接,链接的地址是跳转至test2.html页面。

3

再新建一个html文件,命名为test2.html,在此页面实现返回上一页的效果。

4

在test2.html文件中,使用a标签创建一个链接,用于点击返回上一个页面。

5

在test2.html文件中,给a标签绑定onclick事件,当点击链接时,执行go()函数。

6

在test2.html文件中,在js标签内,创建go()函数,在函数内,执行window.history.go(-1)返回上一个页面。

7

在浏览器打开test.html文件,点击链接,跳转至test2.html页面,在test2.html页面点击返回上一页面,返回test.html页面。

总结:

1、创建一个test.html页面,在页面内,使用a标签创建一个链接跳转至test2.html页面。 2、再创建一个test2.html页面,在页面内,使用a标签创建一个返回上一页的链接,给a标签绑定onclick事件,当链接被点击时,执行js函数,在函数内,使用window.history.go(-1)方法返回上一页。

注意事项

在实际开发中,返回上一个页面,一般简写为:onClick='javascript :history.back(-1);'

推荐信息