html网页自动跳转代码

发布于 2022-10-15 04:23:02 字数 2953 浏览 28 评论 0

转:JessonChan  

html网页自动跳转代码
网页的跳转在很多时候都非常的有用,下面的是两个简单的例子。仅供参考。

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

  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.xinongda.com/search">
  6. <title>html网页自动跳转代码--西农大网站</title>
  7. </head>
  8. <body>
  9. 测试:html网页自动跳转代码<br/>
  10. 你可以在这里写下你想的一切东西!<br />
  11. 如:西北农林科技大学是一所985、211院校。<br />
  12. </body>
  13. </html>

复制代码运行

方案二,用JavaScript脚本来跳转

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <title>正在进入西农大网站</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.    <input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
  11.   <script> 
  12. var bar=0 
  13. var line="||" 
  14. var amount="||" 
  15. count() 
  16. function count(){ 
  17. bar=bar+2 
  18. amount =amount + line 
  19. document.loading.chart.value=amount 
  20. document.loading.percent.value=bar+"%" 
  21. if (bar<99) 
  22. {setTimeout("count()",100);} 
  23. else 
  24. {window.location = "http://www.xinongda.com/search";} 
  25. }</script>
  26.  </p>
  27. </form><p align="center">
  28. 测试:html网页自动跳转代码<br/>
  29. 你可以在这里写下你想的一切东西!<br />
  30. 如:西北农林科技大学是一所985、211院校。<br /><br />
  31. 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.xinongda.com/search
  32. "><font color="#FF0000">请点这里</font></a>.</p>
  33. </body>
  34. </html>

复制代码运行截图:

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

深者入戏 2022-10-22 04:23:02

学习到了谢谢你

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文