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

 时间: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设置网页背景图片全屏
  • 热门搜索
    广东阳江旅游 南京市旅游地图 千岛湖旅游官网 杨梅坑旅游攻略 福州旅游景点大全 马尔代夫旅游价格 海峡两岸旅游交流协会 中国旅游年 台湾旅游跟团 黄冈旅游景点大全