HTML页面跳转(页面重定向)

html页面实现跳转有多种方法，比如使用html代码实现跳转，使用js代码实现跳转，使用php代码实现跳转等。下面就纤细的说一下。

HTML页面跳转的方法

1、HTML a 标签实现跳转

html页面中的A标签也可以看做是页面跳转的一种方式，但它只能靠鼠标点击来实现跳转，不能实现自动跳转。

代码如：

<a href="https://www.73so.com">73so</a>

2、html meta 标签实现跳转

meta 标签可以设置html页面打开多少时间后跳转到指定的网址，定时的时间以秒为单位，设置起来也很方便。

示例格式：

<meta http-equiv="refresh" content="时间(秒);url=跳转的地址">

例：

<meta http-equiv="refresh" content="5;url=https://www.73so.com">

3、JS 脚本实现页面跳转

利用js脚本实现页面跳转下面提供两种方法，一种是直接跳转，别一种是定时跳转。

例：

// 直接跳转，不用进行等待
window.location.href = 'https://www.73so.com/';
// 五秒后进行页面跳转
setTimeout("javascript:location.href='https://www.73so.com'", 5000);

4、php脚本实现页面跳转

上面介绍的几种页面跳转的方法，都是在web前端的网页中实现的，跳转之前都需要加载未跳转之前页面的资源才可以，非常的不方便，而且可以会造成资源浪费。下面就提供一种php跳转页面的方面。

例：

header("Location: https://www.73so.com/");
exit; //确保重定向后，后续代码不会被执行

Ps：上面提供的四种关于页面跳转的方法，个人比较推荐使用第4种，利用php进行页面跳转。如果没有使用php服务器，则推荐使用利用meta标签进行页面跳转。