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

 时间: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设置网页背景图片全屏
  • 热门搜索
    英文谚语大全 心理图片大全 怎么清除电脑缓存 全世界都在演我怎么办 袁家村简介 儿童魔术大全 fps怎么提高 电信路由器怎么设置 qq保护模式怎么解除 蜘蛛女皇怎么玩