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

html+js
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件, 定名为test.html, 用于讲解js若何实现返回上一页,并刷新页面 。

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

文章插图

2在test.html文件内, 利用a标签建立一个链接, 链接的地址是test2.html页面 。

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

文章插图

3【js 如何实现返回上一页,并刷新页面】再新建一个html文件, 定名为test2.html, 用于实现返回上一页, 即返回test.html页面 。

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

文章插图

4在test2.html文件内, 利用a标签建立一个链接, 跳转的地址设置为“#”(href="https://vvvtt.com/article/#"), 同时给该链接绑定onclick点击事务 。

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

文章插图

5在test2.html文件内, 将onclick事务绑定backurl()函数, 即当链接被点击时, 执行backurl函数 。

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

文章插图

6在test2.html文件的js标签内, 建立backurl()函数, 在函数内, 利用document.referrer获得上一个页面的地址, 再经由过程self.location跳转至上一个页面 。

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

文章插图

7在浏览器打开test.html文件, 查看实现的结果 。

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

文章插图

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

文章插图


以上内容就是js 如何实现返回上一页,并刷新页面的内容啦, 希望对你有所帮助哦!

    推荐阅读