HTML页面跳转(页面重定向)
xiaoqihv 前端设计 6075阅读
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标签进行页面跳转。
标签: