我们编写HTML页面的时候，经常需要实现页面之间的跳转功能。HTML页面之间的跳转包括refresh方式跳转，location方式跳转，history方式跳转。下面我就给大家分别介绍一下这三种跳转方式。
refresh方式跳转refresh方式的跳转直接在head的meta标签里面添加就可以了，如下图所示，通过url设置跳转路径
如果refresh中不指定url，则是本页面刷新，如下图所示
location方式跳转location方式的跳转需要在js中进行调用，通过调用它下面的href属性完成跳转，如下图所示
另外还可以用setTimeOut为location跳转指定一个时间，如下图所示
history方式跳转history方式的跳转可以直接在HTML中写，如下图所示
同时也可以通过点击按钮，在JS中调用history进行跳转，如下图所示
标签是html中的基本标签之一，定义超链接，用于从一张页面链接到另一张页面。
一、href属性
1、可以链接到项目的的文件上，也可以链接到URL网址上；
<a href="/index.html">指向本网站中的一个页面的链接</a>
<a href="http://www.baidu.com/">指向万维网上的页面的链接</a>
2、a标签中可以使用文本也可以使用图片；
<a href="/index.html"><img border="0" src="/图片.gif" /></a>
<a href="/index.html">文本</a>
3、链接到同一页面的不同位置；
<a href="#ID">#ID是要跳转到位置标签的id</a>
二、其他属性
1、download：被下载的超链接目标。<a href="/下载的图片.gif" download="下载图片">这是下载链接</a>；
2、target：链接的打开方式：有五个选项：
_blank：在新窗口中打开被链接文档。
_self：默认。在相同的框架中打开被链接文档。
_parent：在父框架集中打开被链接文档。
_top：在整个窗口中打开被链接文档。
framename：在指定的框架中打开被链接文档。
三：js实现a标签跳转；不使用href属性实现
1、带参数形式
1）<a onclick="test(参数...)">test</a>
2）script代码：
<script>
function test(obj){
【执行的代码】
}
</script>
2、不带参数
1）<a onclick="test()">test</a>
2）script代码：
<script>
function test(){
【执行的代码】
}
</script>
