多语言展示
当前在线:1719今日阅读:22今日分享:22

js 如何实现返回上一页,并刷新页面?

在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方法跳转至上一个页面。

注意事项

这种方法只支持返回上一个页面并刷新,不支持越级返回页面。

推荐信息