网页设计返回上一页的代码

 时间:2026-04-25 07:07:29

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文件,查看实现的效果。

网页设计返回上一页的代码

  • 在网页制作中怎么限制图片的大小
  • 如何在HTML中插入图片
  • 网页设计HTML中如何插入背景图片
  • html如何文字居中与背景
  • html设置网页背景图片全屏
  • 热门搜索
    如何清洗抽油烟机 杨光的快乐生活6 怎么祛除青春痘 鮰鱼是什么鱼 怎么自己剪空气刘海 根号2怎么打 qq被举报了会怎么样 金胜固态硬盘怎么样 homie是什么意思 qa是什么职位