如何创建网站后退按钮

用于HTML页面的JavaScript后退按钮代码

当然,内置于浏览器的后退按钮可以让您向后移动以返回到前一页。 您也可以使用一些JavaScript代码在网页中创建一个。

点击此按钮后,读者将返回到他们在使用按钮来到当前页面之前所在的页面。 它的功能就像网页浏览器中的后退按钮。

基本后退按钮代码

后退按钮链接的基本代码非常简单:

返回

您只需将此后退按钮代码复制并粘贴到您想要在页面上找到“返回”链接的位置即可。 您也可以更改文字以使其阅读为其他内容。

带图像的后退按钮

如果您不想使用纯文本后退按钮,则可以随时添加图像以获得一些额外的独特性。

该图像取代了上面示例中看到“返回”字样的后退按钮代码部分。 这是通过删除该文本并将其替换为将显示图像代替该文本的代码来实现的。

为此,您需要后退按钮应使用的图像的URL ,如下所示:

http://examplewebsite.com/name_of_graphic.gif

提示: Imgur是一个你可以上传你的按钮图像的地方,如果它不存在在线。

然后,您想直接将该链接插入到您在此处看到的INSERT部分(请务必保持引号不变):

INSERT ”>

我们的例子看起来像这样: