领行企创

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 364|回复: 0

[技术] 网页上的“返回上一页”的几种实现代码

[复制链接]
长老| 寿元(0 )
上海·教育·运营
聚城创盟 发表于 2022-12-1 23:08:12 | 显示全部楼层 |阅读模式

马上注册,获取更多创业资源,认识更多朋友!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在制作网页的时候,经常在网页上要用到“返回上一页”的功能。
这一功能在制作网页的时候会有多种编码方法,在此,
我将比较常用的几种编码的写作方法在下面列出来,供参考使用。
方法一、以按钮点击的方式实现:
  1. <input type="button" name="Submit" value="返回上一页" onclick="javascript:window.history.back(-1);">
复制代码
或者
  1. <input type="button" name="Submit" value="返回上一页" onclick="javascript:history.back(-1);">
复制代码
方法二、以图片点击的方式实现:
  1. <img src="图片的路径" onclick="javascript:window.history.back(-1);" title="返回上一页" alt="返回点击图片" />
复制代码
或者
  1. <img src="图片的路径" onclick="javascript:history.back(-1);" title="返回上一页" alt="返回点击图片" />
复制代码
方法三、文字点击的方式实现:
  1. <a href="javascript:history.back(-1)">返回上一页</a>
复制代码
或:
  1. <a href="#" onClick="javascript:history.back(-1);">返回上一页</a>
复制代码
方法四、图片链接的方式实现:
  1. <a href="javascript:window.history.back(-1)" target="_self"><img src="图片的路径" /></a>
复制代码
或者
  1. <a href="javascript:history.back(-1)" target="_self"><img src="图片的路径" /></a>
复制代码
方法五、过几秒钟后返回上一页代码:
  1. <script language="javascript">setTimeout("window.history.go(-1)",3000)</script>
复制代码
或者
  1. <script language="javascript">setTimeout("history.go(-1)",3000)</script>
复制代码

招募兼职编辑、php技术、美工、策划,有意向的联系客服!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|领行 ( 鄂ICP备2023009750号 )

GMT+8, 2024-12-23 16:00 , Processed in 0.039687 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表