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

 时间: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设置网页背景图片全屏
  • 热门搜索
    监理公司是做什么的 资金数额是什么意思 fiona什么意思 周六有什么综艺节目 朝圣是什么意思 节操是什么意思 七零八落什么意思 emt是什么意思 青云志什么时候播出 炉火纯青是什么意思