通过javascript脚本进行重定向
-
将a.html提交到b.html,b.html重定向到c.html。
(a.html相当于用户登录网页,b.html相当于验证用户信息网页,c.html相当于重定向的网页)
这里演示的仅是重定向的功能,因此代码尽可能简单。
a.html内容如下:
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<form action="b.html"method="post">
<input name = "submit"type="submit" value="提交">
</form>
</body>
</html>
预览图如下:
-
b.html内容如下:
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<scripttype="text/javascript">
function load()
{
window.location ="c.html";
}
</script>
</head>
<body onload = "load()">
验证通过,现在进入用户信息页面。
</body>
</html>
-
c.html内容如下:
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
欢迎光临!
</body>
</html>
预览图如下:
-
重点在b.html,重定向的代码就在其中的javascript脚本load()函数中。在b网页加载完毕后,会调用此函数,此函数的重定向代码就一句:
window.location = "c.html";
怎么样?是不是很简单。
如果想定向前其它网页,如百度首页,可以这么写:
window.location=”http://www.baidu.com”;
注意“http://”不能少。
END
通过php代码进行重定向
-
因为涉及到php代码的执行,因此需要先做一个网站,这里假定网站已做好。
a.html中的代码很简单,只需将上面的form中的action改为指定b.php而不是b.html即可。
b.php的代码如下:
<?phpheader("Location:c.html"); ?>
要在本地网站进行演示,可以将a.html、b.php、c.html拷贝到你的网站目录下,在浏览器地址栏中输入: localhost/a.html进行操作。
END