网页页面跳转几种方法
2014-02-27 17:57
141 查看
1、meta标签实现
只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面
2、Javascript实现
方法一:
这个方法比较常用
1 window.location.href = "http://www.111cn.net/";
方法二:
方法三:
方法四:
只对IE系列浏览器有效,实用性不大
3、php实现
方法五:
带进度条HTM页面跳转
第六:PHP页面跳转、JavaScript(常用、推荐)
例如,此代码可以放在程序中的任何合法位置。
第七:有具体倒计时的效果
只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面
代码如下 | 复制代码 |
1 <meta http-equiv="refresh" content="0.1; url=http://www.111cn.net/"> |
方法一:
这个方法比较常用
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/"); |
代码如下 | 复制代码 |
<?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 $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> |
相关文章推荐
- java servlet 几种页面跳转的方法,需要的朋友可以参考一下 在访问网页的过程中,页面自动刷新、跳转和重定向是经常用到的,这里就说说在Java中是如何实现这些功能的! 一、页面自动刷新
- 实现网页页面跳转的几种方法大全(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- PHP跳转页面的几种实现方法详解
- PHP页面跳转几种实现方法
- js跳转页面的几种方法
- ASP.NET页面跳转的几种方法简单介绍
- servlet跳转页面的几种方法
- JSP页面的几种跳转方法
- 页面跳转的几种方法
- PHP跳转页面的几种实现方法详解
- C#中跳转页面有那几种方法,简述其区别
- servlet跳转页面的几种方法
- 三种简单的html网页自动跳转方法,可以让你在打开一个html网页时自动跳转到其它的页面
- servlet跳转页面的几种方法