一共有三种方法实现页面跳转,分别利用php提供的header()、html meta标签、JavaScript脚本。
不过目前我只会header()跳转和JS脚本跳转。
在PHP脚本代码中使用 header() 完成页面跳转
- <?php header("location:地址") ?> 此方法会立即跳转到指定网页,不做任何停留。 例如:
<?php
header("location:demo.php");
?>
- <?php header("Refresh:秒数;url=地址") ?>延迟跳转(比如登陆成功后会有几秒钟等待时间,然后跳转到其他页面) 例如
<?php
header("Refresh:3;url=demo.php"); // 即3秒后跳转
?>
在js脚本代码中实现页面跳转
- window.location.href 方法(此方法会立即跳转到指定网页,不做任何停留。)
<script type="text/javascript">
window.location.href="demo.php" ;
</script>
使用js方法实现延迟跳转
<script type="text/javascript">
setTimeout("window.location.href='demo.php'",3000); // 3000是毫秒,即在3秒之后跳转
</script>
- window.location.assign 方法 (延迟跳转方法同上)
<script type="text/javascript">
window.location.assign("demo.php");
</script>
- window.location.replace 方法
该方法让新页面替换掉当前页面,不会保存在历史记录里,所有不能使用浏览器后退到原页面了
<script type="text/javascript">
window.location.replace("helloworld.php");
</script>
- window.open 方法
有三个参数,第一个URL地址,第二个打开新页面方式(比如新页面_blank,_new,自身跳转_self),第三个是新页面的方式,包括样式,位置等。
<script type="text/javascript">
window.open("index.php",_blank,width=300px);
</script>
使用HTML脚本代码完成跳转(meta 标签)
meta 标签可提供有关页面的元信息(meta-information)。
其http-equiv 属性,http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
例如,下面的例子,设置的1s后跳转至百度
<meta http-equiv="refresh" content = "1;url=http://www.baidu.com">