HTML“后退”按钮

专访：最佳小型互联网公司

一个最常见的功能，许多网页设计师都喜欢添加到他们的网页是一个“转到上一页”按钮或链接，又称作为HTML返回“按钮，即用户发送到最后他们访问的网页。

HTML后退按钮如何帮助导航

任何网页的最重要方面之一，是创建无缝且直观的导航为您的访客。当你有“内部”，从其他几个网页链接的网页，也可以是有点难以猜测的访问者来自何处。在游客抵达从搜索引擎或其他链接的页面的情况下，它不可能知道。然而，您可以通过使用HTML的后退按钮，你的访客提供方便的一个环节，它们返回的页面，他们来自何处。虽然用户通常选择使用浏览器的“后退”按钮，这将做同样的事情，提供网页上的链接添加到您的网站的方便和直观。

与HTML编程的后退按钮

有多种方法可用来创建一个按钮或链接，发送您的访问者，他们在以前的页面。您选择的选项取决于您希望如何显示链接，是否要提供的事实，一些用户可能没有启用JavaScript的浏览器。

使用JavaScript

使用JavaScript方法是较新的网页设计师使用许多最流行的技术之一，因为它是那么容易。不过，如果你使用这种方法，它是一个好主意，包括实际的链接浏览器页面到浏览器的情况下不能运行JavaScript。在这种情况下，浏览器会忽略JavaScript代码，但它会返回到你已经定义链接的href变量。当选择链接到什么页面，尝试去猜测用户会从您的网站上，才到达此页。如果你不知道，那么你总是可以将它们发送到您的网站的主要页面。

浏览器：文本链接

这第一个JavaScript技术提供了一个文本链接，将它们发送回一个页面的用户。

<a href="yourpage.html" onclick="window.back()">返回上一页</ A>

您可以使用“history.back（）”而不是“window.back（）” - 这两个函数的工作方式相同。使用JavaScript的另一种技术是向用户发送的网页数量。多数Web程序员的游客发送“-1”的网页，但你可以设置为任何你喜欢的网页数量。

<a href="yourpage.html" onclick="history.go(-1);">返回上一页</ A>

浏览器：一个表单按钮

利用JavaScript的另一种方法是创建一个灰色的“表单按钮”，点击后，会以同样的方式表现为在最后一节中描述的链接方法。有没有真正的优势在使用这种技术在文本链接方式。决定因素是真的美学 - 你想导航为您的访问者哪个选项，以及如何你想让它呢？

<FORM> <INPUT TYPE="button" VALUE="Previous Page" onClick="history.go(-1);"> </ FORM>

使用服务器端脚本

最专业的网页设计师使用的技术是使用服务器端包括（SSIS），在那里他们可以得到处理Web服务器本身，删除客户端浏览器需要运行任何JavaScript代码编写CGI代码。这段代码是如何写的取决于如何配置Web服务器，你用什么脚本语言。在所有情况下，服务器端脚本使用一个变量被称为“HTTP_REFERER”。

示例脚本使用CGI：

<A HREF ="">转到上一页</ A>

HTTP_REFERER变量是当前网页的访问者提交的URL。如果您选择的脚本语言是PHP，然后访问了Referer变量，并链接到前一个页面，你可以使用下面的代码创建一个文本链接。

<？PHP的echo“<a href="' $_SERVER["REFERER"] '">转到上一页</ A>。';？>

或表单按钮，使用此代码：

<PHP的echo'<form action="' $_SERVER["REFERER"] '" method="get"> <input type="submit" value="Previous Page"> </ FORM>。';？>

最后的话

添加功能“回去”前几页，似乎是一个非常简单的概念，但是当你试图纳入到最简单，最直观的导航系统，您的网站，这些方法加入这样的功能，成为任何网页的一个不可缺少的一部分程序员的工具箱。