HTML页面跳转(页面重定向)
墨初 Web前端 1932阅读
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标签进行页面跳转。