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

 时间:2024-10-20 02:26:09

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设置网页背景图片全屏
  • 热门搜索
    腹胀怎么办 vivo手机怎么连接电脑 怎么鉴别和田玉 面膜怎么用 机械表怎么上弦 真丝怎么洗 宝宝鼻塞怎么办 右边腰疼是怎么回事 北汽幻速s3怎么样 怎么屏蔽微信群消息