您可以向网页添加后退按钮。当您页面的访问者单击该按钮时,他们将被带到他们访问的最后一个页面,就好像他们单击了浏览器中的后退按钮一样。

您可以通过编辑页面的HTML并添加一些JavaScript来完成此操作。

注意

如果用户没有浏览历史,这些按钮将不起作用。例如,如果用户在新的浏览器选项卡或窗口中打开您的页面,则单击该按钮时不会发生任何事情。

使用history.back

在Web浏览器中,内置的JavaScript对象窗口有一个名为history的对象,其中包含用户在其当前浏览器窗口中访问过的URL。您可以使用history.back()方法告诉浏览器返回到用户的上一页。

使用此JavaScript的一种方法是将其添加到按钮的onclick事件属性中。在这里,我们使用《form》元素创建按钮,其中包含按钮类型的《input》元素。

将以下HTML插入到您的网页中:

结果看起来像下面的按钮。如果单击它,您将返回历史记录中的上一页。

使用history.go

history.go()方法告诉浏览器转到用户浏览历史记录中的特定页面。您可以通过在括号内放置一个数字来指定哪个历史项目。对于计算机编程,这称为参数。

如果您指定数字-1作为参数,浏览器将返回浏览器历史记录中的一页。这是与上面相同的代码,使用history.go(-1)而不是history.back()。

责任编辑人:CC

html怎么设置后退链接,怎么创建HTML后退按钮?相关推荐

  1. 百度网盘Mac版如何分享链接?创建百度网盘 for Mac分享链接的方法

    想把自己百度网盘里的数据分享给朋友,该怎么操作呢?有很多朋友使用百度网盘,可以很轻松的自己的文件上传到网盘上,并可跨终端随时随地查看和分享.今天给大家分享的是创建百度网盘 for Mac分享链接的方法 ...

  2. 在UIToolbar上创建左箭头按钮(如UINavigationBar的“后退”样式)

    本文翻译自:Creating a left-arrow button (like UINavigationBar's "back" style) on a UIToolbar I' ...

  3. hbase数据库连接池 未设置最大链接数导致数据库操作异常频发

    简介 业务中将主要数据存储定位hbase存储,近期突然发现数据比对不上,发现实在创建环节发生异常导致逻辑执行终端(hbase存储或查询出现异常). 表现: 供应商提供参考: 供应商提供的解决方案: 关 ...

  4. 【Google Play】内部测试版本分发设置 ( 测试链接 | 配置测试权限 | 下载测试应用 )

    Google Play 上架完整流程 系列文章目录 [Google Play]创建 Google 开发者账号 ( 注册邮箱账号 | 创建开发者账号 ) [Google Play]创建并设置应用 ( 访 ...

  5. java swing 链接_JAVA中Jtable标签设置超级链接:基于Java Swing的超链接标签和超链接按钮的实现...

    希望在一个标签上设置超级链接,找到了如下的一种方法: 1.要解决的问题 基于Java Swing的超链接实现 2.自定义一个超链接标签控件[LinkLabel] 2.1.完整代码如下: public ...

  6. Typecho给文章设置永久链接

    说明 想要给Typecho文章一个独立的url,或按照自己的格式来 这时候我们就要设置永久链接 Typecho设置文章永久链接 设置伪静态 伪静态设置要取决于是nginx还是apache ,详情请参考 ...

  7. mysql 配置文件设置最大链接数 max_connections不生效

    mysql 配置文件设置最大链接数 max_connections不生效 文章目录 mysql 配置文件设置最大链接数 max_connections不生效 参考链接 1.临时设置最大链接数为1000 ...

  8. 10.16 ln软硬链接的创建等

    ln make links between files 无参数  创建硬链接 -s 创建软连接 ln option 源文件 目标文件 #相反的: tar 目标文件 源文件 [root@wen test ...

  9. csdn怎样设置友情链接栏目

    在csdn上都活跃那么久了,一直不知道怎么去设置友情链接栏目,刚开始在博客栏目里找了好久也没找到,今天来突然想起来一个办法,在添加栏目时可以设置个自定义栏目,因为自定义栏目内容支持html格式,所以我 ...

  10. html 使用符号设置固定链接,关于dw-question-answer的调试和固定链接id.html设置

    关于问答插件,我想大家都不陌生,wp大学介绍了很多种,这里我们重点说下关于dw-question-answer的设置问题,通过调试,发现这款插件功能很全,可以设置权限,投票,状态等等,但对于设置了页面 ...

最新文章

  1. 第十、十一周项目一-点-圆-圆柱类族的设计(1)
  2. ​AMD放出超强新算法,旧N卡也能焕发第二春
  3. 【Java 并发编程】CountDownLatch 使用场景示例
  4. DIY Ruby CPU 分析——Part III
  5. XSS学习-XSS挑战之旅(二)
  6. 博客园win8客户端开发记录5-app设置 登录 回复评论
  7. 使用eclipse svn塔建(配置)时的一点点心得
  8. 轻量级web富文本框——wangEditor使用手册(4)——配置下拉菜单 demo
  9. hibernate envers实践总结
  10. 在TypeScript中使用React钩子
  11. 3.配置阿里云镜像加速
  12. 计算机自带的画图软件工具介绍,电脑自带画图软件
  13. noi题库 1.7编程基础之字符串 :题解大礼包20180723
  14. Python|Leetcode《1044》|最长重复子串
  15. moto edge s root与开启nfc门禁卡模拟
  16. 魔域手游安卓修改服务器地址,魔域互通端游手游架设
  17. ORACLE drop user时遇到的ORA-00604和ORA-00942错误排查
  18. 微信小程序-刷新当前页
  19. vba 发送邮件 html,VBA自动发送邮件+内容+附件
  20. 微信团队分享:微信支付代码重构带来的移动端软件架构上的思考

热门文章

  1. html的nofollow、noindex标签
  2. java案例:模拟双色球中奖
  3. MATLAB自定义拟合函数
  4. 北京地铁2015年规划(清晰、大图、可下载)
  5. 初学者应从文件目录结构理解import的过程,并创建自已的代码库
  6. 糖尿病11年的隔壁老王
  7. 服务器自检后显示scsi,“服务器百问百答”服务器怎样格式化SCSI硬盘?
  8. python计算金星凌日
  9. java gbk编码_JAVA中文字符串编码--GBK转UTF-8
  10. MAC 虚拟机配置静态IP