`

页面自动跳转代码

阅读更多

1. 在body中使用onload属性

 

     <body onload="location.href='www.yoururl.com'">

 

2.使用meta原属

 

    在 <head></head> 之间加入以下代码:

 

    <meta http-equiv="refresh" content="5;URL=http://www.yoururl.com">

 

    注:content:时间,以秒为单位;URL:转向的网址。表示5秒后将自动跳转到 www.youurl.com 页面

 

3.使用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-width: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.dreamershop.com";}  
}</script> 
</p> 
</form> 
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.dreamershop.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>

 

<!--StartFragment -->
跳转效果图:
   JavaScript页面自动跳转效果图
  • 大小: 10.8 KB
分享到:
评论

相关推荐

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

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

    404页面自动跳转代码.zip

    这个"404页面自动跳转代码.zip"压缩包包含的资源是用于创建一个带有自动跳转功能的404错误页面。下面将详细解释这个主题中的关键知识点。 1. **404错误**:404错误是HTTP状态码的一种,表示服务器无法找到用户请求...

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

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

    网页自动跳转代码.pdf

    网页自动跳转代码.pdf

    Html页面自动跳转代码.rar

    页面跳转 ;url=http://ih123.com:8999"&gt; 此页面三秒后跳转到http://ih123.com:8999 &lt;/html&gt; 最简单的html网页跳转代码。。

    卡通的404页面自动跳转代码.zip

    在这个“卡通的404页面自动跳转代码.zip”压缩包中,包含了创建一个趣味性404页面所需的全部元素。 首先,`demo.html`是404页面的HTML源代码文件。在HTML文件中,我们可以预期看到以下关键组成部分: 1. **头部...

    网页自动跳转代码收集

    网页自动跳转代码收集 网页自动跳转是一种常见的网页技术,通过使用HTML、JavaScript和meta标签等技术,实现网页的自动跳转。下面我们将对网页自动跳转的相关知识点进行详细的介绍。 一、网页自动跳转的技术原理 ...

    网页跳转代码大全

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

    asp.net登陆自动跳转代码实例

    在ASP.NET中,实现用户登录并自动跳转到特定页面是常见的需求,这通常涉及到身份验证(Authentication)和授权(Authorization)过程。下面我们将深入探讨这个主题。 一、身份验证基础 在ASP.NET中,身份验证主要...

    html网页跳转代码大全

    - **页面重定向**:用于网站更新后的临时跳转或错误页面自动跳转到主页。 - **用户体验优化**:如登录成功后自动跳转到用户首页等。 #### 三、动态进度条跳转 **代码示例:** ```html &lt;head&gt;&lt;meta ...

    页面n秒后自动跳转 代码片段 html

    在网页设计中,有时我们需要实现一个功能,即在用户打开某个页面后,让页面在指定的时间(例如5秒)后自动跳转到另一个URL。这个功能可以通过HTML中的`&lt;meta&gt;`标签或者JavaScript来实现。本篇文章将详细讲解这两种...

    网页自动跳转功能几秒后自动跳转

    在探讨“网页自动跳转功能几秒后自动跳转”的技术实现时,我们主要关注的是网页设计中的自动重定向机制,这一机制广泛应用于各种场景,包括但不限于用户登录后的默认页面跳转、错误页面的友好性处理、以及某些特定...

    网页自动跳转的代码

    网页自动跳转的代码,打开网页,自动跳转出设定的网站

    HTML自动跳转页面代码

    自动跳转页面 简单明了 直接把里面的跳转代码复制到网页开头 就会自动跳转到另一个指定的页面

    java页面自动跳转

    上述代码片段展示了如何在JSP页面中设置服务器响应头以实现页面的自动跳转。其中`&lt;%=url%&gt;`变量通过服务器端逻辑动态生成,指向目标页面的URL。 ### JSP页面实现自动跳转 在JSP页面中实现自动跳转同样可以采用上述...

    漂亮的404自动跳转页面,网页错误自动跳转

    一个精心设计的404自动跳转页面不仅能够提升用户体验,还能帮助网站保持专业形象。本主题将深入探讨404错误自动跳转的概念、实现方式以及与JavaScript (js) 和jQuery (jq) 的关联。 首先,404错误是HTTP状态码的一...

    php页面自动跳转的几种实现方法

    在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言,提供了多种方式来实现页面的自动跳转。本文将详细介绍三种常用的...

    三秒后自动跳转页面

    在网页设计和开发中,"三秒后自动跳转页面"是一种常见的技术手段,用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用,例如错误处理、信息提示或者更新页面内容。下面我们将深入...

    10秒后页面自动跳转

    在网页开发中,有时我们需要实现一个功能,即在一定时间后自动将用户重定向到另一个页面,这通常被称为页面自动跳转。这个功能在很多场景下都有应用,比如临时维护通知、登录验证失败后的提示、或者是成功操作后的...

Global site tag (gtag.js) - Google Analytics