zoukankan      html  css  js  c++  java
  • html页面自动跳转

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

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

    <html>
    <head>
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
    <meta http-equiv="refresh" content="5;url=http://www.xinongda.com/search">
    <title>html网页自动跳转代码--西农大网站</title>
    </head>
    <body>

    测试:html网页自动跳转代码<br/>

    你可以在这里写下你想的一切东西!<br />

    如:西北农林科技大学是一所985、211院校。<br />

    </body>
    </html> 

    方案二,用JavaScript脚本来跳转

    <html>
    <head>

    <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-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://www.xinongda.com/search";} 
    }</script>
     </p>
    </form><p align="center">

    测试:html网页自动跳转代码<br/>

    你可以在这里写下你想的一切东西!<br />

    如:西北农林科技大学是一所985、211院校。<br /><br />

    如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.xinongda.com/search

    "><font color="#FF0000">请点这里</font></a>.</p>
    </body>
    </html>

    运行截图:

  • 相关阅读:
    86. 分隔链表
    85. 最大矩形
    84. 柱状图中最大的矩形
    82. 删除排序链表中的重复元素 II
    80. 删除排序数组中的重复项 II
    77. 组合
    java-xml
    java-反射
    springboot解决跨域问题(CorsConfig )
    解决oracle锁表
  • 原文地址:https://www.cnblogs.com/zhicheng/p/3157347.html
Copyright © 2011-2022 走看看