hi,欢迎访问本站!
当前位置: 首页Web前端正文

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

墨初 Web前端 620阅读

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标签进行页面跳转。

声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消