`

javascript的页面跳转代码

阅读更多

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>
分享到:
评论

相关推荐

    各种js页面跳转代码

    在本文中,我们将总结多种JavaScript页面跳转代码,包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种:使用window.location.href window.location.href是...

    网页跳转代码大全

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

    javascript页面跳转常用代码.pdf

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

    html网页跳转代码大全

    ### HTML网页跳转代码解析与应用 #### 一、HTML网页跳转概述 HTML(HyperText Markup Language)作为构建网页的基础语言,提供了多种方法来实现网页间的跳转。本文将详细解析三种不同的HTML网页跳转代码,并深入...

    js页面跳转 js页面跳转代码汇总

    在IT领域,JavaScript(简称JS)作为前端开发的核心语言之一,其灵活性和广泛的应用场景使其成为网页开发中不可或缺的一部分。特别是在页面跳转方面,JS提供了多种方式来实现这一功能,这些方法各有特点,适用于不同...

    网页自动跳转代码html有进度条

    "网页自动跳转代码html有进度条"这个主题就是关于如何在HTML中实现自动跳转并显示进度条的过程。 首先,我们需要创建一个基本的HTML文件结构。HTML(超文本标记语言)是网页的基础,用于定义网页内容和结构。在HTML...

    JavaScript自动跳转页面代码

    ### JavaScript自动跳转页面代码详解 #### 一、概述 在Web开发中,有时我们需要实现页面的自动跳转功能,比如在登录成功后自动跳转到首页,或者在完成某个操作后自动返回上一页等场景。本文将详细介绍一个简单的...

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

    在探讨《网站页面跳转代码大全》文档时,我们主要关注的是如何利用不同的技术实现网页间的跳转。根据文档的标题、描述以及标签来看,本文将重点介绍JSP(JavaServer Pages)和JavaScript两种常用的技术手段来实现...

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

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

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

    ### JavaScript页面跳转与自动刷新相关知识点 ...以上就是关于JavaScript页面跳转与自动刷新的相关知识点,包括各种不同的实现方法和具体的示例代码。希望这些内容能帮助您更好地理解和应用这些技术。

    网站跳转代码方便实用

    网站跳转代码是Web开发中常见的一种技术,主要用于引导用户从一个页面自动跳转到另一个页面。这种技术在多种场景下都有应用,如网站维护、临时屏蔽、域名备案问题等。下面将详细介绍网站跳转代码的工作原理、常用...

    html5 css3圆形进度条倒计时页面跳转代码

    在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,我们可以看到这两者如何结合,创造出动态且吸引用户的界面效果。 首先,HTML5的新特性允许开发者创建更加结构化的网页元素,例如`&lt;article&gt;`、`&lt;section&gt;...

    新浪博客跳转代码

    总结,新浪博客跳转代码主要涉及HTML超链接和JavaScript页面重定向技术。正确使用这些技术,可以在新浪博客中创建各种动态、交互式的跳转效果,提升用户浏览体验。同时,要注意遵守平台规则,确保内容的合法性和安全...

    js页面跳转代码汇总

    ### JS页面跳转代码汇总及解析 #### 一、通过`window.location.href`进行页面跳转 **示例代码:** ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location.href = "login.jsp?...

    有进度条的网页自动跳转代码(有演示)

    标题 "有进度条的网页自动跳转代码(有演示)" 涉及的核心知识点是网页的自动跳转以及在跳转过程中展示进度条的效果。这通常涉及到前端开发中的JavaScript编程,HTML结构设计以及可能的CSS样式控制。下面将详细阐述...

    PHP-JS跳转代码

    总结起来,"PHP-JS跳转代码"涉及到的是服务器端和客户端的页面跳转策略,通过结合两者的优点,可以实现复杂的跳转逻辑,如全局跳转和来路判断。在实际开发中,我们需要根据项目需求选择合适的跳转方式,并考虑安全性...

    网页跳转代码和加载代码

    "网页跳转代码和加载代码"这个主题关注的就是如何在用户界面中优雅地处理页面加载过程,提供一个良好的过渡体验。通常,这涉及到使用JavaScript来创建加载等待页,包括按钮等待效果、指定div区域的等待效果以及全屏...

    真实类目跳转代码

    “真实类目跳转代码”,通常指的是在Web开发领域中,用于实现从当前页面跳转到另一特定页面或类目的代码片段。这类代码主要用于改善用户体验,优化网站导航结构,以及提升搜索引擎优化(SEO)效果。在众多编程语言中...

Global site tag (gtag.js) - Google Analytics