在js中,一般返回上一页使用history.back(-1)来实现,但不会刷新页面,要实现返回并刷新页面,可以使用self.location来执行上一个页面的地址来实现。下面小编举例讲解js如何实现返回上一页,并刷新页面。
工具/原料
1
html+js
2
代码编辑器:Dreamweaver CS5
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解js如何实现返回上一页,并刷新页面。
2
在test.html文件内,使用a标签创建一个链接,链接的地址是test2.html页面。
3
再新建一个html文件,命名为test2.html,用于实现返回上一页,即返回test.html页面。
4
在test2.html文件内,使用a标签创建一个链接,跳转的地址设置为“#”(href='#'),同时给该链接绑定onclick点击事件。
5
在test2.html文件内,将onclick事件绑定backurl()函数,即当链接被点击时,执行backurl()函数。
6
在test2.html文件的js标签内,创建backurl()函数,在函数内,使用document.referrer获得上一个页面的地址,再通过self.location跳转至上一个页面。
7
在浏览器打开test.html文件,查看实现的效果。
总结:
1、创建一个test.html文件,在文件内,创建一个链接,点击链接,跳转至test2.html。 2、创建一个test2.html文件,在文件内,创建链接并绑定onclick点击事件,当链接被点击时,执行js函数,在函数中使用document.referrer获得上一个页面的链接,通过self.location方法跳转至上一个页面。
注意事项
这种方法只支持返回上一个页面并刷新,不支持越级返回页面。