转：
http://www.blogjava.net/Jcat/archive/2006/11/22/82831.html
1）html的实现
<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>优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响
3）结合了倒数的javascript实现（IE）
<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>优点：更人性化
缺点：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>
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>
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>
分享到：
相关推荐
**JSP实现页面自动跳转** 在JSP中，我们有两种方式实现页面跳转：请求转发和响应重定向。 1. **请求转发（Request Forward）**： 请求转发是在服务器端完成的，不会改变浏览器的地址栏。我们使用`...
#### 三、自动跳转实现方式 ##### 3.1 使用JavaScript实现自动跳转 **1. 基本原理：** 在客户端使用JavaScript进行页面跳转是最为常见的方式之一。主要通过`window.location`对象及其属性`href`来改变当前窗口的...
实现"三秒后自动跳转页面"通常有两种主要方法： 1. **HTML Meta 标签**：在HTML文档的`<head>`部分，可以添加一个`<meta>`标签来设置页面的刷新（redirect）计时器。例如： ```html ;URL=http://example.com"> `...
在探讨“网页自动跳转功能几秒后自动跳转”的技术实现时，我们主要关注的是网页设计中的自动重定向机制，这一机制广泛应用于各种场景，包括但不限于用户登录后的默认页面跳转、错误页面的友好性处理、以及某些特定...
在Web开发中，实现页面自动跳转是一个常见的需求，比如在用户完成某个操作后，如提交表单或确认购买，页面会自动转向一个新的URL。这里我们将详细探讨三种通过JavaScript实现x秒后自动跳转到一个页面的方法。 1. **...
通过本文介绍的方法，开发者可以根据不同的场景和需求选择合适的实现方案来实现页面的自动跳转。无论是在客户端还是服务器端，都有多种可行的技术方案可供选择。希望本文能为正在从事Java Web开发的读者提供帮助和...
在网页开发中，有时我们需要实现一个功能，即在一定时间后自动将用户重定向到另一个页面，这通常被称为页面自动跳转。这个功能在很多场景下都有应用，比如临时维护通知、登录验证失败后的提示、或者是成功操作后的...
### 自动跳转技术的分类与实现 #### 1. MetaRefreshTag自动转向法 MetaRefreshTag是一种较为基础的页面自动跳转方法，它通过HTML的meta标签实现页面的定时刷新功能。在HTML代码的区插入相应的meta标签，即可指示...
### TIA博途Wincc-如何实现开机画面等待几秒后，自动跳转到主画面？ #### 背景介绍 在工业自动化领域，人机交互界面（HMI）是连接操作人员与控制系统的重要桥梁。TIA博途Wincc作为西门子推出的集成工程软件的一...
除了上述两种方法外，还可以利用客户端脚本来实现页面的自动跳转。JavaScript 是一种强大的客户端脚本语言，能够轻松地控制页面的行为。通过设置 `window.location.href` 的值，可以立即或者在指定时间后跳转到另一...
本主题将深入探讨404错误自动跳转的概念、实现方式以及与JavaScript (js) 和jQuery (jq) 的关联。 首先，404错误是HTTP状态码的一种，表示用户尝试访问的网页无法找到。这可能是因为链接已失效、页面被删除或者输入...
### 如何实现网页自动跳转 #### 一、概述 网页自动跳转是网站开发中的一个常见需求，它可以通过不同的技术实现。本文将详细介绍两种主要的网页自动跳转方法：使用ASP（Active Server Pages）进行服务器端跳转以及...
当`setTimeout`的回调函数执行时，它会改变URL，从而实现页面的自动跳转。 现在，让我们更进一步，增加一个倒计时显示，让用户体验更好。我们可以创建一个HTML元素来显示剩余时间，并更新它的内容直到跳转发生： `...
在ASP.NET中，实现用户登录并自动跳转到特定页面是常见的需求，这通常涉及到身份验证（Authentication）和授权（Authorization）过程。下面我们将深入探讨这个主题。 一、身份验证基础 在ASP.NET中，身份验证主要...
本教程将详细介绍如何将VSCode与Vivado关联，以便实现代码中的符号定义自动跳转，提高开发效率。 首先，我们需要安装必要的工具。`ctags.exe`和`readtags.exe`是两个关键的命令行工具，它们用于生成源代码的标签...
js实现网页自动跳转倒计时！html新手必备！html新手必备！html新手必备！html新手必备！
为了确保用户能够根据访问设备类型获得最佳浏览体验，实现网站自动跳转到移动端的功能变得至关重要。 #### 一、理解网站自动跳转到移动端的意义 1. **提高用户体验**：移动版网页通常经过优化，可以更好地适应手机...
webbrowser 自动赋值，自动点击按钮，自动跳转，自动加载网页
这是最简单的自动跳转实现方式。通过在HTML文档的部分使用标签并设置http-equiv为"refresh"，可以实现页面自动刷新并跳转到指定的URL地址。该方法的代码简单明了，但是它有一个主要的缺点，即在某些框架中可能无法...
在现代Web开发中，"框架10秒无操作自动跳转"这一现象通常是通过前端技术，如HTML、JavaScript以及可能的定时器（setInterval）或Promise实现的。这个功能的主要目的是提升用户体验，防止用户长时间停留在同一页面而...