在网页制作的过程中,经常会使用“返回上一页”的操作,那么,返回上一页的代码是怎么写呢?下面小编举例讲解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);'