免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › Web开发 › 网页跳转方法大集合
最近访问板块 发新帖
查看: 2227 | 回复: 0
打印 上一主题 下一主题

网页跳转方法大集合 [复制链接]

coffee777

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2011-12-23 01:55 |只看该作者 |倒序浏览

网页跳转方法大集合
<一>三种网页跳转代码：
如果你要在服务器端跳转，可以这样：

Response.Redirect(www.77ya.com)
Response.End

如果你要在客户端跳转，可以这样：

<script language="javascript" type="text/javascript">
window.location="http: //www.77ya.com";;
</script>

如果你要让页面显示几秒钟之后跳转，可以在html代码的<head></head>部分加上这样的代码：

<meta http-equiv="refresh" content="3; url=http://www.77ya.com">
（3秒钟后自动跳转到www.77ya.com）

以上三种是也比较常见,比较常用的网页跳转代码运行平台Win9x WinNT Win2000 WinME WinXP。

<二>

几段简单的网页跳转代码
不隐藏转向之后的地址 代码一：
<html>
<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>
<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>
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 = "将这里改成要转入的网址";}
}</SCRIPT>

</form>
</body>
</html>
不隐藏转向之后的地址 代码二：
<html>
<body>
<script language="javascript">
<!--
function goToURL() { //v2.0
for (var i=0; i< (goToURL.arguments.length - 1); i+=2) //with arg pairs
eval(goToURL.arguments+".location=''"+goToURL.arguments[i+1]+"''");
document.returnvalue = false;
}
//-->
</script>
<body bgcolor="#FFFFFF" onLoad="goToURL(''parent'',''将这里改成要转入的网址'');return document.returnvalue">
</body>
</html>
不隐藏转向之后的地址 代码三：
<html>
<SCRIPT LANGUAGE="javascript">
<!-- Start Code
var ver = navigator.appVersion;
if (ver.indexOf("MSIE") != -1)
{
window.location.href="将这里改成要转入的网址"
}else
window.location.href="将这里改成要转入的网址"
// End Code -->
</SCRIPT>
</html>
不隐藏转向之后的地址 代码四：
<html>
<body>
<meta http-equiv="refresh" content="0.1;url=将这里改成要转入的网址">
</body>
</html>
可隐藏转向之后的地址:
<html>
<frameset framespacing="0" border="0" rows="0" frameborder="0">
<frame name="main" src="将这里改成要转入的网址" scrolling="auto" noresize>
</frameset>
</html>
<三>
网页跳转

<meta http-equiv="refresh" content="3;rul=跳转的网页">

此代码可以让网页在一定的时间内，跳转到另外一个网页上，其中content=" 为跳转前停暂的秒数，rul= 为跳转的网址

<meta http-equiv="refresh" content="3;rul=跳转的网页">

此代码可以让网页在一定的时间内，跳转到另外一个网络推广的网页上，其中content=" 为跳转前停暂的秒数，rul= 为跳转的网址

===================================================================

<html>
<head>
<title>网页跳转</title>
<meta http-equiv="refresh" content="0;url=cgi-bin/leoboard.cgi">
</head>
<body>
</body>
</html>
===================================================================
1，页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2，页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.njcatv.net">,其中20指隔20秒后跳转到http://www.njcatv.net页面。


===================================================================
<html>
<head>
<title>正在进入>>> Loading>>> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p> </p><tr> <td width=724>
<p align=center><font color="red" size="2">正在进入,请等待,谢谢......</font></p></td></tr><tr>
<td width="724">
<p align=center>
<form name=loading>
<div align=center>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:rgb(124,119,119); background-color:white; padding:0px; border-style:none;">
<br> <input type=text name=percent size=46 style="color:rgb(138,134,134); text-align:center; border-width:medium; border-style:none;"><script>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()",10);}
else
{window.location = "http://www.wwwfox.net/cgi-bin/leoboard.cgi";}
}</script>

</body>
</html>


===================================================================
如果要cgi的文件，可以用以下方式：

#!/usr/bin/perl

print "Content-type:text/html ";

print<<END;

<html>
<head>
<title>正在进入 http://bbs.wwwfox.net >>> Loading>>> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p> </p><tr> <td width=724>
<p align=center>　</p>
<p align=center><b><font size="6">论坛新地址:</font><font color="red" size="6"> http://bbs.wwwfox.net
!</font></b></p>
<p align=center><b><font size="6">正在进入,请等待,谢谢......</font></b></p></td></tr><tr>
<td width="724">
<p align=center>
<form name=loading>
<div align=center>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:rgb(124,119,119); background-color:white; padding:0px;

border-style:none;">
<br> <input type=text name=percent size=46 style="color:rgb(138,134,134); text-align:center; border-width:medium; border-style:none;"

><script>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()",10);}
else
{window.location = "http://bbs.wwwfox.net/cgi-bin/leoboard.cgi";}
}</script>

</body>
</html>

END

exit;

 

===================================================================
以 htm 可以用以下方式：
<html>
<body>
<script language=&apos;javascript&apos;>document.location= &apos;http://l39.net/lb5000/leoboard.cgi&apos;</script>
</body>
</html>

以 asp     可以用以下方式：

<%

response.redirect "http://l39.net/lb5000/leoboard.cgi"

%>
<四>1. 在<head></head>区域加入
代码: <meta http-equiv=Pragma content=no-cache>
<Meta http-equiv="refresh" content="3;url='http://hztv.com.ru' ">


2. JavaScript
代码: <SCRIPT LANGUAGE="JavaScript">


<!-- Begin
redirTime = "3000";
redirURL = "http://hztv.com.ru/";
function redirTimer() { self.setTimeout("self.location.href = redirURL;",redirTime); }
//     End -->
</script>


<body onLoad="redirTimer()">


3. JavaScript
代码: <html><head><title>稍候。。。</title></head>
<body>
<script language='javascript'>document.location = '跳转地址'</script>
</body>
</html>


4. 带进度条的页面跳转代码
代码: <html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>新视听资源共享论坛</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>
<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>
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.myand.com/";}
}</SCRIPT>

</form>
</body>
</html>


<五>
网页跳转方法+代码

1. window.location
<body onload=window.location="http://www.***.com(请换成你的网址)"></body>
　　
或（此法应用范围较广，并可应用在一般后台编辑器中）
<script>window.location="<A href='http://xxx"http://xxx"</script>
　　
2. META标志
<META HTTP-EQUIV=refresh content="0; url=http://www.***.com(请换成你的网址)">
//其中content后面的阿拉伯数字是代表过几秒中钟转入目标网页。
　　
3. 利用框架隐藏转向地址（此方法不便用 dreamweaver 编辑，请使用记事本或其他文本编辑器处理）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>知觅__朱高站</title>
</head>
<frameset rows="*,0" frameborder="no" border="0" framespacing="0">
<frame src="http://www.***.com(请换成你的网址)" name="mainFrame" id="mainFrame">
<frame src="" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame">
</frameset>
<noframes>
<body>
请用IE浏览
</body>
</noframes>
</html>

<六><html>
<head>
<title>页面跳转</title>
<meta http-equiv="refresh" content="3;url=http://hi.baidu.com/cnredflag">
</head>
<body>
此页面三秒后跳转到http://hi.baidu.com/cnredflag
</body>
</html>

<七>html中跳转最全代码


程序代码

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入</title>
</head>
<body>
<form name=loading>
　<p align=center> <font color="#0066ff" size="2">正在进入，请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
　　<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
　　
　　<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
　　<script>　
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://blog.gangege.com";}　
}</script>
　</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="

浮动广告代码

<SCRIPT>
var imagepath="http://www.baidu.com/img/logo.gif" //这里是浮动图片的地址
var imagewidth=171 //这两行写图片的大小
var imageheight=133
var speed=3;
var imageclick="http://www.SZ800.com/" //这里写点击图片连接到的地址
var hideafter=0
var isie=0;
if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
isie=1;
}
else {
isie=0;
}
if(isie){
var preloadit=new Image()
preloadit.src=imagepath
}
function pop() {
if(isie) {
x=x+dx;y=y+dy;
oPopup.show(x, y, imagewidth, imageheight);
if(x+imagewidth+5>screen.width) dx=-dx;
if(y+imageheight+5>screen.height) dy=-dy;
if(x<0) dx=-dx;
if(y<0) dy=-dy;
startani=setTimeout("pop();",50);
}
}
function dismisspopup(){
clearTimeout(startani)
oPopup.hide()
}
function dowhat(){
if (imageclick=="dismiss")
dismisspopup()
else
window.open(imageclick);
}
if(isie) {
var x=0,y=0,dx=speed,dy=speed;
var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.cursor="hand"
oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';
oPopup.document.body.onmouseover=new Function("clearTimeout(startani)")
oPopup.document.body.onmouseout=pop
oPopup.document.body.onclick=dowhat
pop();
if (hideafter>0)
setTimeout("dismisspopup()",hideafter*1000)
}
</SCRIPT>
 
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP