功能：5秒后，自动跳转到同目录下的02view.html文件
1）html的实现
<head>
<meta http-equiv="refresh" content="5;url=02view.html">
</head>
优点：简单
缺点：Struts Tiles中无法使用
<head><meta http-equiv="refresh" content="5;url=02view.html"></head>
优点：简单
缺点：Struts Tiles中无法使用
2）javascript的实现
优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响
<script language="javascript" type="text/javascript">
setTimeout("javascript:location.href='02view.html'", 5000);
</script>
setTimeout("javascript:location.href='02view.html'", 5000);
</script>
优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响
3）结合了倒数的javascript实现（IE）
优点：更人性化
缺点：firefox不支持（firefox不支持span、div等的innerText属性）
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='02view.html';
}
</script>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='02view.html';
}
</script>
优点：更人性化
缺点：firefox不支持（firefox不支持span、div等的innerText属性）
3'）结合了倒数的javascript实现（firefox）
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = '02view.html';
}
</script>
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = '02view.html';
}
</script>
4）解决Firefox不支持innerText的问题
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
</script>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
</script>
5）整合3）和3'）
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('totalSecond').innerText;
} else
{
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect()
{
if (second < 0)
{
location.href = '02view.html';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('totalSecond').innerText;
} else
{
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect()
{
if (second < 0)
{
location.href = '02view.html';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
相关推荐
<html> 页面跳转 ;url=http://ih123.com:8999"> 此页面三秒后跳转到http://ih123.com:8999 </html> 最简单的html网页跳转代码。。
网页自动跳转是一种常见的网页交互方式，特别是在页面更新、重定向到其他页面或者加载新内容时。在HTML中实现这样的功能，我们可以利用JavaScript语言来辅助完成，并且通过添加进度条来提升用户体验，让用户知道页面...
### Java页面自动跳转 在Web开发中，页面的自动跳转是一种常见的需求，尤其是在用户完成某些操作（如注册、登录等）后需要被引导至下一个页面的情形下。本篇文章将详细探讨如何在Java Web应用中实现页面的自动跳转...
在探讨“网页自动跳转功能几秒后自动跳转”的技术实现时，我们主要关注的是网页设计中的自动重定向机制，这一机制广泛应用于各种场景，包括但不限于用户登录后的默认页面跳转、错误页面的友好性处理、以及某些特定...
在网页设计和开发中，"三秒后自动跳转页面"是一种常见的技术手段，用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用，例如错误处理、信息提示或者更新页面内容。下面我们将深入...
在网页开发中，有时我们需要实现一个功能，即在一定时间后自动将用户重定向到另一个页面，这通常被称为页面自动跳转。这个功能在很多场景下都有应用，比如临时维护通知、登录验证失败后的提示、或者是成功操作后的...
HTML meta标签也可以用来实现404页面的自动跳转。在404错误页面的HTML代码中，可以添加一个`; URL">`标签，其中`seconds`是延迟时间，`URL`是用户将被重定向到的地址。但这种方法可能不适用于所有浏览器，且用户体验...
自动跳转页面 简单明了 直接把里面的跳转代码复制到网页开头 就会自动跳转到另一个指定的页面
网站页面自动跳转是网页开发中的常见功能，用于在用户打开一个页面后，经过一段时间或者特定条件触发，自动转向另一个页面。这种技术在各种场景下都有应用，比如页面更新、错误处理、重定向等。本篇文章将深入探讨...
### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现，包括HTML元标签（`<meta>`标签）、...
4. **自动跳转**：在HTML中，我们可以使用`<meta>`标签配合`http-equiv`属性来实现页面的自动跳转。例如： ```html ;url=http://www.example.com/" /> ``` 这段代码表示页面将在5秒后自动重定向到指定的URL...
404页面2秒内自动跳转到首页 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ...
HTML网页跳转微信添加好友和点击自动复制微信号的功能，是一种结合了网页交互和移动应用的交互方式，主要用于提升用户体验和实现快速引流。这种技术在互联网营销、社交媒体推广以及线上服务中有着广泛的应用。 首先...
在JavaScript中，自动跳转页面是一项常见的功能，尤其在网页设计和开发中。这个功能可以用于用户操作后的页面重定向，比如登录成功后的跳转，或者像标题中所述的5秒后自动返回首页。下面我们将深入探讨如何用...
本文将详细介绍两种主要的网页自动跳转方法：使用ASP（Active Server Pages）进行服务器端跳转以及使用HTML进行客户端跳转。 #### 二、ASP代码实现自动跳转 在ASP中实现域名到域名之间的自动跳转非常简单，通过`...
HTML页面自动跳转是一种网页技术，它允许网页在加载后按照预定的时间或条件自动跳转到另一个页面。这在设计网站时是一种常用的功能，可以用于多种场景，例如登录后自动跳转到主页、广告轮播页面、引导用户查看新内容...
在网页设计中，有时我们需要实现一个功能，即在用户打开某个页面后，让页面在指定的时间（例如5秒）后自动跳转到另一个URL。这个功能可以通过HTML中的`<meta>`标签或者JavaScript来实现。本篇文章将详细讲解这两种...
在网站开发中，页面自动跳转是一个非常实用的功能，它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言，提供了多种方式来实现页面的自动跳转。本文将详细介绍三种常用的...
js实现网页自动跳转倒计时！html新手必备！html新手必备！html新手必备！html新手必备！
Ayurep404 v1.0 经营了几年的网站要换域名，是不是很痛苦。百度Google都已经收录了大部分页面，一换域名不是...3.建议自己再做个index.html的js延迟10秒自动跳转页。 www.CDQY.com 成都企业网 ayurep作品 2011.11.22