前端网站开发页面重定向的几种方法

html重定向就是通过各种的方法将各种网络请求重新定个方向转到其它位置。 在网站建设中，时常会遇到需要网页重定向的情况：像网站调整，如改变网页目录结构，网页被移到一个新地址，再或者，网页扩展名改变，如因应用需要把。php改成。Html或。shtml，在这种情况下，如果不做重定向，则用户收藏夹或搜索引擎数据库中旧地址只能让访问客户还会得到一个404页面错误信息，访问流量白白丧失；再如某些注册了多个域名的网站，也需要通过重定向让访问这些域名的用户自动跳转到主站点，等等。

第一种：

<script language="javascript"type="text/javascript"> 
window.location.href="http://shanghepinpai.com"; 
</script>

第二种：

<script language="javascript"> 
alert("返回"); 
window.history.back(-1); 
</script>

第三种：

<script language="javascript"> 
window.navigate("http://shanghepinpai.com"); 
</script>

第四种：

<script language="JavaScript"> 
self.location='http://shanghepinpai.com'; 
</script>

第五种：

<script language="javascript"> 
alert("非法访问！"); 
top.location='http://shanghepinpai.com'; 
</script>

html中meta标签实现

只需在head里加上下面这一句就行了，在当前页面停留0.1秒后跳转到目标页面

<meta http-equiv="refresh" content="0.1; url=http://jb51.net/">

php实现

<?php
    header("Location: http://jb51.net/");
?>

一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流群：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

点击：加入