`

javascript的页面跳转代码

JavaScript浏览器HTMLXHTML 
阅读更多

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程序的自动登录
评论
发表评论

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

相关推荐

    网页跳转代码大全

    一 三种网页跳转代码： 如果你要在服务器端跳转 可以这样： Response Redirect www admin5 com Response End 如果你要在客户端跳转 可以这样： &lt;script language &quot;javascript&quot; type &quot;text ...

    javascript页面跳转常用代码.pdf

    JavaScript 页面跳转是一种常见的网页交互方式，通过JavaScript 代码可以实现页面的跳转、刷新和关闭等操作。在本文中，我们将介绍 JavaScript 页面跳转常用代码，包括页面刷新、自动刷新、自动跳转、框架刷新、子...

    网站页面跳转代码大全.doc

    jsp 页面跳转 代码大全 简单的 网站 jsp 页面跳转 代码大全 简单的 网站 jsp 页面跳转 代码大全 简单的 网站 javascript

    JavaScript自动跳转页面代码

    JavaScript自动跳转页面代码，初始设为10秒，根据需要更改

    javascript页面跳转常用代码宣贯.pdf

    Javascript 是一种广泛应用于网页开发的脚本语言，它可以实现网页的动态交互和页面跳转。下面我们将对 Javascript 实现页面跳转和刷新的常用代码进行整理。 页面刷新 Javascript 提供了多种方式来刷新页面，以下是...

    js跳转页面方法，JS跳转页面参考代码

    基本包含js页面跳转的方法以及分析，JS跳转页面参考代码

    javascript页面跳转与自动刷新常用代码

    能够实现web页面的跳转与自动刷新，自动跳转等。针对每一种实现方法，里面都有具体的实例。

    javascript 网页跳转的方法

    昨天练习的时候正好要用到跳转代码,在网上找了一下,觉得下面几个不错...整理了一下发上来...

    javascript自动跳转功能

    在一些网页很经常看见“网页将在3秒内跳回，如果没跳转，请点击这里”，这个资源就能够很好的实现这个功能。

    javascript跳转与返回和刷新页面的实例代码.docx

    javascript跳转与返回和刷新页面的实例代码.docx

    javascript 跳转代码集合

    网页页面客户端脚本跳转实现代码。一般后台语言多需要输出一些js跟前台的结合。

    javascript跳转页面方法

    js跳转页面方法：按钮式、直接跳转式、开新窗口、在原来的窗体中直接跳转用、最基本的弹出窗口代码、经过设置后的弹出窗口、终极应用--弹出的窗口之Cookie控制

    javascript实现倒计时N秒后网页自动跳转代码

    主要介绍了javascript实现倒计时N秒后网页自动跳转代码,非常的实用，这里推荐给大家。

    JavaScript完全自学宝典 源代码

    1．本书1~21章所附代码的运行环境 操作系统：Windows 2003、Windows XP Professional，或者Windows 2000 开发环境：UltraEdit12.10a、eclipse-jee-europa Web浏览器：Microsoft Internet Explorer 6.0及以上版本 ...

    基于JavaScript实现网页倒计时自动跳转代码

    用JS实现网页上的自动跳转功能，倒计时跳转至指定网页，倒计...JS倒计时网页自动跳转代码&lt;/title&gt; [removed] function delayURL(url) { var delay = document.getElementById(time)[removed]; if(delay &gt; 0)

    JavaScript实现x秒后自动跳转到一个页面

    今天看视频学习时学习了一种新技术，即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。 在网上搜了一下，关于这个技术处理有多种方法，我只记...会自动生成如下代码： 代码如下: [removed] &lt;!– //

    通过按钮实现网页跳转

    javascript代码模块之通过按钮实现网页跳转

    《JavaScript实例精通》[源代码]

    示例描述：JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为...

Magicbox
Global site tag (gtag.js) - Google Analytics