关于Html网页自动跳转的代码

关于跳转

HTML的网页跳转,一般就是一个网址跳转到另一个网址,比如输入A网址的情况下,打开的是B网址的网站,那么A网址到B网址之间的跳转就是网址跳转。(此方法也常用于网站的404页面)我们经常会遇到这样一个功能:如何实现页面N秒后自动跳转,其实方法很简单。

代码方法

方案一,用里直接写刷新语句:

  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. <meta http-equiv=“refresh” content=“5;url=http://www.51rgb.com”>  
  6. <title>html网页自动跳转代码–SBKKO资源网</title>  
  7. </head>  
  8. <body>  
  9. 测试:html网页自动跳转代码<br/>  
  10. 你可以在这里写下你想的一切东西!<br />  
  11. 如:SBKKO资源设计网<br />  
  12. </body>  
  13. </html>  

方案二,用java script脚本来跳转

  1. <html>  
  2. <head>  
  3. <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>  
  4. <title>正在进入SBKKO网站</title>  
  5. </head>  
  6. <body>  
  7. <form name=loading>   
  8.   <p align=center> <font color=“#0066ff” size=“2”>正在进入,请稍等</font><font color=“#0066ff” size=“2” face=“Arial”>…</font>  
  9.   <input type=text name=chart size=46 style=“font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;”>   
  10.   
  11.    <input type=text name=percent size=47 style=“color:#0066ff; text-align:center; border-width:medium; border-style:none;”>   
  12.   <script>    
  13. var bar=0    
  14. var line=“||”    
  15. var amount=“||”    
  16. count()    
  17. function count(){    
  18. bar=bar+2    
  19. amount =amount + line    
  20. document.loading.chart.value=amount    
  21. document.loading.percent.value=bar+“%”    
  22. if (bar<99)    
  23. {setTimeout(“count()”,100);}    
  24. else    
  25. {window.location =http://www.51rgb.com;}    
  26. }</script>   
  27.  </p>   
  28. </form><p align=“center”>  
  29. 测试:html网页自动跳转代码<br/>  
  30. 你可以在这里写下你想的一切东西!<br />  
  31. 如:SBKKO资源设计网<br /><br />  
  32. 如果您的浏览器不支持跳转,<a style=“text-decoration: none” href=“http://www.mycodes.net 
  33. ><font color=“#FF0000”>请点这里</font></a>.</p>  
  34. </body>  
  35. </html>  
文章链接:https://www.sbkko.com/1-93.html
文章标题:关于Html网页自动跳转的代码
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA打赏
共{{data.count}}人
人已打赏
在线工具文章

又发现新玩意,故障艺术花屏动态图像一键制作

2018-4-23 9:18:41

在线工具文章

Duotone设计神器,帮你节省 69% 的设计时间

2018-5-14 15:20:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索