设为首页收藏本站
切换到窄版

 找回密码
 注册
搜索
悉远»论坛 › 悉远技术区 › 网页技术 › 网页跳转大集合
返回列表 发新帖
查看: 1962|回复: 5

网页跳转大集合

[复制链接]
发表于 2009-6-25 15:49:09 | 显示全部楼层 |阅读模式
<一>三种网页跳转代码：
如果你要在服务器端跳转，可以这样：
  1. Response.Redirect({我爱悉远})
  2. Response.End
复制代码
如果你要在客户端跳转，可以这样：
  1. <script language="javascript" type="text/javascript">
  2. window.location="http: //{我爱悉远}";;
  3. </script>
复制代码
如果你要让页面显示几秒钟之后跳转，可以在html代码的<head></head>部分加上这样的代码：
  1. <meta http-equiv="refresh" content="3; url=http://{我爱悉远}">
复制代码
（3秒钟后自动跳转到{我爱悉远}）
以上三种是也比较常见,比较常用的网页跳转代码运行平台Win9x WinNT Win2000 WinME WinXP。
<二>
几段简单的网页跳转代码
不隐藏转向之后的地址 代码一：
  1. <html>
  2. <body>
  3. <form name=loading>
  4. <P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT> <INPUT
  5. 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"
  6. size=46 name=chart> <BR><INPUT
  7. style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center"
  8. size=47 name=percent>
  9. <SCRIPT>
  10. var bar=0
  11. var line="||"
  12. var amount="||"
  13. count()
  14. function count(){
  15. bar=bar+2
  16. amount =amount + line
  17. document.loading.chart.value=amount
  18. document.loading.percent.value=bar+"%"
  19. if (bar<99)
  20. {setTimeout("count()",100);}
  21. else
  22. {window.location = "{我爱悉远}";}
  23. }</SCRIPT>
  24. </P></form>
  25. </body>
  26. </html>
复制代码
不隐藏转向之后的地址 代码二：
  1. <html>
  2. <body>
  3. <script language="javascript">
  4. <!--
  5. function goToURL() { //v2.0
  6. for (var i=0; i< (goToURL.arguments.length - 1); i+=2) //with arg pairs
  7. eval(goToURL.arguments+".location=''"+goToURL.arguments[i+1]+"''");
  8. document.returnvalue = false;
  9. }
  10. //-->
  11. </script>
  12. <body bgcolor="#FFFFFF" onLoad="goToURL(''parent'',''{我爱悉远}");return document.returnvalue">
  13. </body>
  14. </html>
复制代码
不隐藏转向之后的地址 代码三：
  1. <html>
  2. <SCRIPT LANGUAGE="javascript">
  3. <!-- Start Code
  4. var ver = navigator.appVersion;
  5. if (ver.indexOf("MSIE") != -1)
  6. {
  7. window.location.href="将这里改成要转入的网址"
  8. }else
  9. window.location.href="将这里改成要转入的网址"
  10. // End Code -->
  11. </SCRIPT>
  12. </html>
复制代码
不隐藏转向之后的地址 代码四：
  1. <html>
  2. <body>
  3. <meta http-equiv="refresh" content="0.1;url=将这里改成要转入的网址">
  4. </body>
  5. </html>
复制代码
可隐藏转向之后的地址:
  1. <html>
  2. <frameset framespacing="0" border="0" rows="0" frameborder="0">
  3. <frame name="main" src="将这里改成要转入的网址" scrolling="auto" noresize>
  4. </frameset>
  5. </html>
复制代码
<三>
网页跳转
  1. <meta http-equiv="refresh" content="3;rul=跳转的网页">
复制代码
此代码可以让网页在一定的时间内，跳转到另外一个网页上，其中content=" 为跳转前停暂的秒数，rul= 为跳转的网址
  1. <meta http-equiv="refresh" content="3;rul=跳转的网页">
复制代码
此代码可以让网页在一定的时间内，跳转到另外一个网页上，其中content=" 为跳转前停暂的秒数，rul= 为跳转的网址
===================================================================
  1. <html>
  2. <head>
  3. <title>网页跳转</title>
  4. <meta http-equiv="refresh" content="0;url=cgi-bin/leoboard.cgi">
  5. </head>
  6. <body>
  7. </body>
  8. </html>
复制代码
===================================================================
1，页面自动刷新：把如下代码加入
  1. <head>区域中<meta http-equiv="refresh" content="20">
复制代码
,其中20指每隔20秒刷新一次页面.
2，页面自动跳转：把如下代码加入
  1. <head>区域中<meta http-equiv="refresh" content="20;url=http://{我爱悉远}">
复制代码
,其中20指隔20秒后跳转到http://{我爱悉远}页面。

===================================================================
  1. <html>
  2. <head>
  3. <title>正在进入>>> Loading>>> </title>
  4. </head>
  5. <body bgcolor="#FFFFFF" text="#000000">
  6. <p> </p><tr> <td width=724>
  7. <p align=center><font color="red" size="2">正在进入,请等待,谢谢......</font></p></td></tr><tr>
  8. <td width="724">
  9. <p align=center>
  10. <form name=loading>
  11. <div align=center>
  12. <p>
  13. <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;">
  14. <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
  15. var line = "||"
  16. var amount ="||"
  17. count()
  18. function count(){
  19. bar= bar+2
  20. amount =amount     +     line
  21. document.loading.chart.value=amount
  22. document.loading.percent.value=bar+"%"
  23. if (bar<99)
  24. {setTimeout("count()",10);}
  25. else
  26. {window.location = "http://{我爱悉远}/";}
  27. }</script>
  28. </body>
  29. </html>
复制代码
===================================================================
如果要cgi的文件，可以用以下方式：
  1. #!/usr/bin/perl
  2. print "Content-type:text/html ";
  3. print<<END;
  4. <html>
  5. <head>
  6. <title>正在进入 http://bbs.wwwfox.net >>> Loading>>> </title>
  7. </head>
  8. <body bgcolor="#FFFFFF" text="#000000">
  9. <p> </p><tr> <td width=724>
  10. <p align=center>　</p>
  11. <p align=center><b><font size="6">论坛新地址:</font><font color="red" size="6"> http://{我爱悉远}!</font></b></p>
  12. <p align=center><b><font size="6">正在进入,请等待,谢谢......</font></b></p></td></tr><tr>
  13. <td width="724">
  14. <p align=center>
  15. <form name=loading>
  16. <div align=center>
  17. <p>
  18. <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:rgb(124,119,119); background-color:white; padding:0px;
  19. border-style:none;">
  20. <br> <input type=text name=percent size=46 style="color:rgb(138,134,134); text-align:center; border-width:medium; border-style:none;"
  21. ><script>var bar = 0
  22. var line = "||"
  23. var amount ="||"
  24. count()
  25. function count(){
  26. bar= bar+2
  27. amount =amount     +     line
  28. document.loading.chart.value=amount
  29. document.loading.percent.value=bar+"%"
  30. if (bar<99)
  31. {setTimeout("count()",10);}
  32. else
  33. {window.location = "http://{我爱悉远}/";}
  34. }</script>
  35. </body>
  36. </html>
  37. END
  38. exit;
复制代码
===================================================================
以 htm 可以用以下方式：
  1. <html>
  2. <body>
  3. <script language= javascript >document.location=http://{我爱悉远};</script>
  4. </body>
  5. </html>
复制代码
以 asp     可以用以下方式：
  1. <%
  2. response.redirect "http://{我爱悉远}"
  3. %>
复制代码
<四>1. 在<head></head>区域加入
代码:
  1. <meta http-equiv=Pragma content=no-cache>
  2. <Meta http-equiv="refresh" content="3;url='http://{我爱悉远}' ">
复制代码
2. JavaScript
代码: <SCRIPT LANGUAGE="JavaScript">
  1. <!-- Begin
  2. redirTime = "3000";
  3. redirURL = "http://{我爱悉远}/";
  4. function redirTimer() { self.setTimeout("self.location.href = redirURL;",redirTime); }
  5. //     End -->
  6. </script>

  8. <body onLoad="redirTimer()">
复制代码
3. JavaScript
代码:
  1. <html><head><title>稍候。。。</title></head>
  2. <body>
  3. <script language='javascript'>document.location = '跳转地址'</script>
  4. </body>
  5. </html>
复制代码
4. 带进度条的页面跳转代码
代码:
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Language" content="zh-cn">
  4. <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
  5. <title>悉远网络</title>
  6. </head>
  7. <body>
  8. <form name=loading>
  9. <P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT> <INPUT
  10. 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"
  11. size=46 name=chart> <BR><INPUT
  12. style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center"
  13. size=47 name=percent>
  14. <SCRIPT>
  15. var bar=0
  16. var line="||"
  17. var amount="||"
  18. count()
  19. function count(){
  20. bar=bar+2
  21. amount =amount + line
  22. document.loading.chart.value=amount
  23. document.loading.percent.value=bar+"%"
  24. if (bar<99)
  25. {setTimeout("count()",100);}
  26. else
  27. {window.location = "http://{我爱悉远}/";}
  28. }</SCRIPT>
  29. </P></form>
  30. </body>
  31. </html>
复制代码
<五>
网页跳转方法+代码
1. window.location
  1. <body onload=window.location="http://{我爱悉远}(请换成你的网址)"></body>
复制代码
或（此法应用范围较广，并可应用在一般后台编辑器中）
  1. <script>window.location="http://xxx"</script>
复制代码
2. META标志
  1. <META HTTP-EQUIV=refresh content="0; url=http://{我爱悉远}(请换成你的网址)">
复制代码
//其中content后面的阿拉伯数字是代表过几秒中钟转入目标网页。
　　
3. 利用框架隐藏转向地址（此方法不便用 dreamweaver 编辑，请使用记事本或其他文本编辑器处理）
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <title>知觅__朱高站</title>
  5. </head>
  6. <frameset rows="*,0" frameborder="no" border="0" framespacing="0">
  7. <frame src="http://{我爱悉远}(请换成你的网址)" name="mainFrame" id="mainFrame">
  8. <frame src="" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame">
  9. </frameset>
  10. <noframes>
  11. <body>
  12. 请用IE浏览
  13. </body>
  14. </noframes>
  15. </html>
复制代码
<六
  1. <html>
  2. <head>
  3. <title>页面跳转</title>
  4. <meta http-equiv="refresh" content="3;url=http://{我爱悉远}">
  5. </head>
  6. <body>
  7. 此页面三秒后跳转到http://{我爱悉远}
  8. </body>
  9. </html>
复制代码
<七>html中跳转最全代码

程序代码
  1. <html>
  2. <head>
  3. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
  4. <meta name="ProgId" content="FrontPage.Editor.Document">
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  6. <title>正在进入</title>
  7. </head>
  8. <body>
  9. <form name=loading>
  10. 　<p align=center> <font color="#0066ff" size="2">正在进入，请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
  11. 　　<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
  12. 　　
  13. 　　<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
  14. 　　<script>　
  15. var bar=0　
  16. var line="||"　
  17. var amount="||"　
  18. count()　
  19. function count(){　
  20. bar=bar+2　
  21. amount =amount + line　
  22. document.loading.chart.value=amount　
  23. document.loading.percent.value=bar+"%"　
  24. if (bar<99)　
  25. {setTimeout("count()",100);}　
  26. else　
  27. {window.location = "http://{我爱悉远}";}　
  28. }</script>
  29. 　</p>
  30. </form>
  31. <p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://{我爱悉远}"><font color="#FF0000">请点这里</font></a>.</p>
  32. </body>
  33. </html>
复制代码
一个弹出窗口的代码
  1. <SCRIPT LANGUAGE="javascript"> window.open ('http://{我爱悉远}', 'newwindow', 'height=400, width=500, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')</SCRIPT>
复制代码
浮动广告代码
  1. <SCRIPT>
  2. var imagepath="http://{我爱悉远}" //这里是浮动图片的地址
  3. var imagewidth=171 //这两行写图片的大小
  4. var imageheight=133
  5. var speed=3;
  6. var imageclick="http://{我爱悉远}/" //这里写点击图片连接到的地址
  7. var hideafter=0
  8. var isie=0;
  9. 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) {
  10. isie=1;
  11. }
  12. else {
  13. isie=0;
  14. }
  15. if(isie){
  16. var preloadit=new Image()
  17. preloadit.src=imagepath
  18. }
  19. function pop() {
  20. if(isie) {
  21. x=x+dx;y=y+dy;
  22. oPopup.show(x, y, imagewidth, imageheight);
  23. if(x+imagewidth+5>screen.width) dx=-dx;
  24. if(y+imageheight+5>screen.height) dy=-dy;
  25. if(x<0) dx=-dx;
  26. if(y<0) dy=-dy;
  27. startani=setTimeout("pop();",50);
  28. }
  29. }
  30. function dismisspopup(){
  31. clearTimeout(startani)
  32. oPopup.hide()
  33. }
  34. function dowhat(){
  35. if (imageclick=="dismiss")
  36. dismisspopup()
  37. else
  38. window.open(imageclick);
  39. }
  40. if(isie) {
  41. var x=0,y=0,dx=speed,dy=speed;
  42. var oPopup = window.createPopup();
  43. var oPopupBody = oPopup.document.body;
  44. oPopupBody.style.cursor="hand"
  45. oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';
  46. oPopup.document.body.onmouseover=new Function("clearTimeout(startani)")
  47. oPopup.document.body.onmouseout=pop
  48. oPopup.document.body.onclick=dowhat
  49. pop();
  50. if (hideafter>0)
  51. setTimeout("dismisspopup()",hideafter*1000)
  52. }
  53. </SCRIPT>
复制代码
回复

使用道具 举报

 楼主| 发表于 2009-8-5 16:31:34 | 显示全部楼层
  太多了 容易忘记！！！
回复

使用道具 举报

神风
发表于 2009-10-9 02:00:20 | 显示全部楼层
  ...................
回复

使用道具 举报

发表于 2009-10-14 19:18:10 | 显示全部楼层
愁啊！鼠标不好用~
回复

使用道具 举报

thxro
发表于 2011-10-11 20:56:14 | 显示全部楼层
帮你顶，人还是厚道点好












好医生在线 全家幸福的保证
回复

使用道具 举报

qahfg
发表于 2012-2-4 19:46:25 | 显示全部楼层
淘宝购衣及其返利
购买衣服最好还是要找到实拍照片，穿在模特身上的虽然好看，但是不一定适合自己，特别是颜色之类的，要找到清晰度比较高的照片，这样才会买的放心，大小尺寸都要向店铺的掌柜咨询好，不要自作主张，否则后悔都来不及。
就去淘返现网 淘宝网女装  淘宝网女装春装外套 淘宝特卖 淘宝联盟
当选定了衣服，不要急着下手，记住衣服的名称上淘宝返利的网站去搜，通过淘宝的合作网站来购买可以获得佣金，实现性价比的最优化。现在的返利网很多，比如上就去淘返现网的主页就可以看到搜索栏，输入自己要买的宝贝就可以看到省多少钱












淘宝返现    就去淘   淘淘   
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|QQ客服|联系我们|Archiver|手机版|小黑屋|悉远网络 ( 鄂ICP备09013446号 )

GMT+8, 2024-11-22 00:34 , Processed in 0.044624 second(s), 7 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表