javascript的页面跳转代码

hxg1026

浏览: 119601 次
性别:
来自: 西安

最近访客更多访客>>

czb054

牧夫天文

imckh

929354774

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

每日积累

JavaScript 浏览器 HTML XHTML

javascript的页面跳转代码

方法一(动画效果):
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>Loading</title>

</head>


<body>


<form name="loading">


<p align="center">正在跳转，请稍后...</p>


<p align="center">

<input type="text" name="bar" style="border-style:none; background-color:#D3E8D0; font-weight:bold" />

<input type="text" name="percentage"style="border-style:none; background-color:#FFFFFF; max-width:30px"/>

</p>


<p align="center">
如果您的浏览器不支持跳转，请点击<a href="http://www.126.com">这里</a>手动跳转
</p>


<script language="javascript" type="text/javascript">　 
var percent=0;　         //百分比进度，显示在滚动条后面
var element="||";      //滚动条单元竖线
var elements="||";　   //滚动条当前竖线
count();                //开始调用循环

function count(){　 

    percent=percent+10;    //每次百分比加10

    elements =elements + element;  //滚动条当前竖线增加一个滚动条单元竖线

    document.loading.bar.value=elements;　 //设置窗体loading表单中bar元素的当前值

    document.loading.percentage.value=percent+"%";　 //设置窗体loading表单中percentage元素的当前值

    if (percent<99){                    //percent小于99则继续循环

        setTimeout("count()",500);        //每500ms进行一次count()

    }　 

    else{

        window.location = "http://www.126.com";    //percent达到100时跳转

    }　 

}
</script>

 

</form>

</body>

</html>


方法二:
<html>

<head>

<meta http-equiv="refresh" content="3; url=http://www.126.com">

</head>

<a href="http://www.126.com">如果您的浏览器没有自动跳转,请点击这里<a/>

</html>

分享到：

页面显示时间 | 实现Web程序的自动登录

2008-06-16 18:16
浏览 865
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript的页面跳转代码

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript的页面跳转代码

评论

发表评论

相关推荐

db2, oracle和sqlserver取前几行的语法

项目总结（Ajax＋Struts＋Spring＋Hiberante＋SQLServer2000） 第一部分 (转载)

实例学习Spring和Hibernate的一点点体会 (转载)

jsp+xsl查询数据库

hibernate3.0中文查询问题解决方法

简单的JSTL应用（入门）

EL表达式语言

使用COOKIE登录验证（转载）

JavaMail

用"window.showModalDialog()"实现DIV模式弹出窗口 (转)

以二进制流的方式存取图像

java 生成图片缩略图

一个不错的弹出窗口的js效果(值的收藏)

<c:forEach>&条件标签使用

div 缓慢下拉效果

弹出窗口传值

Action之间传值

数据库连接池简介

Spring的事务管理

form产生的空行的解决

最近访客更多访客>>

项目总结（Ajax＋Struts＋Spring＋Hiberante＋SQLServer2000）第一部分 (转载)