0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

怎么创建HTML后退按钮?

h1654155282.3538 来源:老虎机之星 作者:老虎机之星 2021-06-06 09:46 次阅读

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

您可以通过编辑页面的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

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 浏览器
    +关注

    关注

    1

    文章

    1015

    浏览量

    35271
  • HTML
    +关注

    关注

    0

    文章

    277

    浏览量

    34368
收藏 人收藏

    评论

    相关推荐

    46.【HTML】046 表单 普通按钮

    HTML
    充八万
    发布于 :2023年07月19日 12:30:48

    怎么根据条件让程序自己创建不同的按钮

    RT,事先设定好4个不同样子的按钮:1,2,3,4;让程序根据运算出来的条件选择其中的一个来创建出一个按钮
    发表于 01-25 20:54

    怎么使用示例HTML按钮

    我想让我的网页使用HTML按钮打开服务器板上的灯等。我可以使用演示网页来很好地操纵XML、Java和HTML,我看到服务器板上的按钮是如何在网页上查看的,但我想转到另一个方向。我已经做
    发表于 04-17 10:00

    GUIBuilder怎么创建圆形的按钮

    GUIBuilder怎么创建圆形的按钮 因为老师长方形的太单调了,不知道谁知道怎么创建?教我一下万分感谢!
    发表于 05-21 04:35

    LabVIEW的布尔按钮创建属性节点值为什么带变体?

    LabVIEW的布尔按钮创建属性节点值为什么带变体?可以设置成不带变体的值吗
    发表于 11-02 16:39

    MAKE_EmbAJAXPage创建html代码是静态的吗?

    你好!因此,创建一些 AJAX HTML 控件并不是什么神秘的魔法,但您是否曾经希望不必担心来回同步数据的所有小细节?我知道我有,所以我决定创建一个库来简化创建基本的 Web 控件/显
    发表于 02-28 09:01

    HTML,HTML标准有哪些?

    HTML,HTML标准有哪些? HTML是一种用来网页制作的简单标记语言。但它并不是一种程序语言,它只是一种排版网页中资料显示的结构语
    发表于 03-22 10:29 1192次阅读

    动态HTML,什么是动态HTML

    动态HTML,什么是动态HTML 动态超文本标记语言 (DHTML) 大大降低的网络和服务器负载动态 HTML 添加到 HTML 演示语言丰富、 更加吸引人用户
    发表于 03-22 10:35 2914次阅读

    OrCAD中创建总线及用法详解

    OrCAD中创建总线及用法详解,如何创建总线,菜单place->bus或者右侧快捷按钮
    发表于 12-02 10:18 2.6w次阅读

    几款实用的HTML5/CSS3应用

    5技术的文字像素爆炸重组动画特效,我们可以在输入框中指定任意文字,点击确定按钮后,就会将原先的文字爆炸散去,新的文字以像素点的形式组合起来,看起来非常棒。 在线演示 / 源码下载 2、HTML5/CSS3超酷焦点图特效 带前后翻页按钮
    发表于 09-26 17:04 2次下载
    几款实用的<b class='flag-5'>HTML</b>5/CSS3应用

    HTML DOM prompt()方法使用

    对话框中显示的纯文本(而不是 HTML 式的文本)。 defaultText 可选。默认的输入文本。 说明 如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。
    发表于 11-28 15:06 4627次阅读
    <b class='flag-5'>HTML</b> DOM prompt()方法使用

    怎样使用HTML创建免费网站

    。为了使您的网站正常运行,我们将使用webs.com来获取我们的子域。创建一个Web帐户。您的用户名将成为网站的标题,因此请采取相应措施。转到帐户创建者的模板部分时,单击使用高级HTML模板。
    的头像 发表于 12-11 15:52 4351次阅读
    怎样使用<b class='flag-5'>HTML</b><b class='flag-5'>创建</b>免费网站

    HTML5是什么 HTML5有什么好处

    HTML5是什么?要回答这个问题,咱们需求先了解一下HTML是什么。HTML的英文全称为HyperTextMarkupLanguage,即超文本标记言语。
    的头像 发表于 07-26 14:29 2746次阅读

    使用HTML和JavaScript设计指示器按钮

    电子发烧友网站提供《使用HTML和JavaScript设计指示器按钮.zip》资料免费下载
    发表于 12-13 14:20 0次下载
    使用<b class='flag-5'>HTML</b>和JavaScript设计指示器<b class='flag-5'>按钮</b>

    创建一个带有按钮的简单项目

    电子发烧友网站提供《创建一个带有按钮的简单项目.zip》资料免费下载
    发表于 06-30 10:08 0次下载
    <b class='flag-5'>创建</b>一个带有<b class='flag-5'>按钮</b>的简单项目