网页之间的自动跳转,一般都会出现在网页的登陆和注册之类的活动,是一个很常见而且很重要的动作,如果对网页的跳转操作不当的话,很容易发生用户卡壳或者重复提交数据的现象,不但对用户是噩梦,对网站管理者也是很棘手的问题。
论网页的正确跳转方式:(仅限PHP网站)
网页的跳转整体分类有三种:1.HTML跳转;2.javascript跳转;3.语言跳转(PHP)
第一种跳转的方式是在http网页头部添加一行代码:
<meta http-equiv="refresh" content="5;url=index.php">
其中,参数可以修改,这行代码要放在<head></head>之间,但是这样的方式只适用于作为中转页面的跳转,而不能作为提交页面提交数据后的跳转。
第二种javascript跳转的方式就显得灵活多了。
<script language="javascript" type="text/javascript">
// 以下方式直接跳转
window.location.href='index.html';
// 以下方式定时5秒后跳转
setTimeout("javascript:location.href='index.html'", 5000);
</script>
javascript的跳转可以搭配if条件性跳转,比如在网页提交数据之后跳转到结果页面上,或者在网页的其他动作触发产生的跳转,但是局限性也是有的,如果网页禁止了javascript的话,所有的代码就全都失效了,而且有一部分浏览器并不适用这些带吗,当然了,这类浏览器也越来越少了。
第三种,PHP跳转方式。
PHP进行网页的跳转还是比较新奇的,代码如下:
<?php
header("location: index.php");
?>
php直接使用header()函数对网页的头部进行操作,如果你真正使用这个函数的话,很容易出现"Cannot modify header information"这样的notice提示,更致命的是,压根跳不出去,会卡在错误提示上。
其实header()代码使用的前提是在此之前不能对外产生连接,所以不妨将代码的最后加上exit()函数。将代码修改成如下:
<?php
header("location: index.php");
exit();
?>
如同HTML跳转方式一样,php的跳转方式也是有很大的局限性。
在实际编写网页的过程中,应该结合网页的实际情况选择,如果不出意外的话建议使用javascript跳转,但是如果出现像我遇到的javascript代码死活不好用的情况的话,只能另辟蹊径了。
感谢你的赏识与认可
支付宝
微信支付
使用手机访问这篇文章
本文许可协议 © CC BY-NC-SA 4.0 转载请注明来源
- 上一篇: 浅谈网站配色方案的选择
- 下一篇: JS中动态限制用户输入字数代码
暂无评论