按钮跳转相对来说算是比较简单，大概分两种方式操作：

• 图片/文字按钮

• 表单按钮

先说图片/文字按钮按钮：这种的话那就简单了，直接用a标签就可以实现了。

这种也分两种情况：

1. 图片类型（如代码第1行）

2. 文字类型（如代码第2行）
   

直接文字也可以

图片可能看不太清楚，因为交互效果没出来，如果是在浏览器可以看到，图片和文字都是可以点击跳转的。

还有一种情况是表单按钮的方法，这种方法是直接提交到数据库的：

提交信息: 

图片能够大概的看出有表单框：

• 其他的方法也能实现，比如用JS、php等其他的语言也能实现，就不一一表现了！
  

html中实现按钮跳转页面是通过按钮追加js事件实现的。
1、比如有如下html：

测试button跳转

下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。
1）html的实现
代码如下:



优点：简单
缺点：Struts Tiles中无法使用

2）javascript的实现
代码如下:

优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响

3）结合了倒数的javascript实现（IE）
代码如下:
5

优点：更人性化
缺点：firefox不支持（firefox不支持span、div等的innerText属性）

3 ）结合了倒数的javascript实现（firefox）
代码如下:


4）解决Firefox不支持innerText的问题
代码如下:
5


5）整合3）和3'）
代码如下:
5

以上通过五个实例是给大家介绍了HTML实现页面自动跳转的五种方法。