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>

    运行截图:

  • 相关阅读:
    聊聊LiteOS事件模块的结构体、初始化及常用操作
    有了这个数据强一致“利器”,DBA们轻松修复数据对加班“say no”
    开源一周岁,MindSpore新特性巨量来袭
    90后就敢当扫地僧!不服?4月24号来闯龙门阵!
    你的数仓函数结果不稳定,可能是属性指定错了
    云小课 | 不了解EIP带宽计费规则?看这里!
    腾讯 angel 3.0:高效处理模型
    深度树匹配模型(TDM)
    X-Deep Learning功能模块
    XLearning
  • 原文地址:https://www.cnblogs.com/zhicheng/p/3157347.html
Copyright © 2011-2022 走看看