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

2024-04-06 04:32•php•阅读 2170

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>

<title>跳转到itlearner.com</title>

</head>

<body>

<P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT>

<INPUT

size=46 name=chart>

<BR>

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>

<title>js定时跳转页面的方法</title>

</head>

<body>

var t=10;//设定跳转的时间

setInterval("refer()",1000); //启动1秒定时

function refer(){

if(t==0){

location=http://www.111cn.net; //#设定跳转的链接地址

}

document.getElementById('show').innerHTML=""+t+"秒后跳转到百度"; // 显示倒计时

t--; // 计数器递减

//本文转自：

}

</script>

</body>

</html>

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

你可能感兴趣的文章

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

相关推荐

比较ASP生成静态HTML文件的几种方法？

【HTML】IE自带的几种页面动态滤镜？非JS

javascript实现继承的几种方式？

php开发中的页面跳转方法总结

CSS巧妙实现分隔线的几种方法？

JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

javascript 实现页面跳转，禁止返回上一页【转】

Javascript刷新页面的几种方法？