您的位置：首页 > 编程语言 > PHP开发

实现网页页面跳转的几种方法(meta标签、js实现、php实现)

2014-02-19 09:51 1111 查看

1、meta标签实现

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

代码如下	复制代码
1 <meta http-equiv="refresh" content="0.1; url=http://www.111cn.net/">

2、Javascript实现

方法一：

这个方法比较常用

1 window.location.href = "http://www.111cn.net/";

方法二：

代码如下	复制代码
1 self.location = "http://www.111cn.net/";

方法三：

代码如下	复制代码
1 top.location = "http://www.111cn.net/";

方法四：

只对IE系列浏览器有效，实用性不大

代码如下	复制代码
1 window.navigate("http://www.111cn.net/");

3、php实现

代码如下	复制代码
<?php header("Location: http://www.111cn.net/"); ?>

方法五：

带进度条HTM页面跳转

代码如下

复制代码

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>跳转到itlearner.com</title>
</head>
<body>
<form name=loading>
<P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT>
<INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none"
size=46 name=chart>
<BR>
<INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center" size=47 name=percent>
<script language="javascript">
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99){
setTimeout("count()",100);
}else{
window.location = "http://www.111cn.net/";
}
}
</script>
</P>
</form>

第六：PHP页面跳转、JavaScript（常用、推荐）

例如，此代码可以放在程序中的任何合法位置。

代码如下	复制代码
< ?php $url = http://www.111cn.net; echo "<script language='javascript' type='text/javascript'>"; echo "window.location.href='$url'"; echo "</script>"; ?>. </body> </html>

第七：有具体倒计时的效果

代码如下

复制代码

<!doctype html>
<head>
<meta charset=utf-8" />
<title>js定时跳转页面的方法</title>
</head>
<body>
<script>
var t=10;//设定跳转的时间
setInterval("refer()",1000); //启动1秒定时
function refer(){
if(t==0){
location=http://www.111cn.net; //#设定跳转的链接地址
}
document.getElementById('show').innerHTML=""+t+"秒后跳转到百度"; // 显示倒计时
t--; // 计数器递减
//本文转自：
}
</script>
<span id="show"></span>
</body>
</html>

Ok，以上就是今天总结的几种页面跳转的方法了。

你可能感兴趣的文章

如何实现无效页面自动跳转至首页的效果

js延时自动跳转到指定页面的跳转代码

javascript页面跳转的几种方法

利用javascript判断当前网址来路与跳转到指定页面

js 页面跳转代码

js几秒钟自动跳转到另一页面

javascript常用的页面跳转方法

javascript中跳转页面几种方法总结

WordPress实现退出登录后跳转到指定页面

javascript页面自动跳转代码

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航