3秒倒计时跳转脚本：兼容IE与Firefox

4星 · 超过85%的资源需积分: 20 162 浏览量更新于2024-11-06 收藏 1KB TXT 举报

该资源是一个简单的HTML页面，其核心功能是实现页面在3秒后自动跳转到`query.jsp`。这个过程在不同浏览器（特别是IE和Firefox）中有不同的处理方式。让我们详细解析一下页面中的关键知识点： 1. **文档类型声明**: `<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">` 这是HTML文档的声明，指定文档遵循的是HTML 4.01的过渡版本规范。 2. **元数据设置**: `<meta http-equiv="Content-Type" content="text/html;charset=GBK">` 这个标签设置了页面的字符编码为GBK，确保了中文字符的正确显示。 3. **标题标签**: `<title>ױ</title>` 页面的标题是"ױ"，但实际显示可能因浏览器编码问题而有所不同。 4. **页面结构**: 页面包含一个 `<h1>` 标签，可能是页面的主要标题，但由于没有实际内容，我们不清楚具体含义。还有 `<span>` 标签用于显示倒计时，`id="totalSecond">3</span>` 表示页面初始等待3秒。 5. **JavaScript脚本**: - `var second = document.getElementById('totalSecond').textContent;` 这部分获取倒计时元素的文本内容，根据不同浏览器的内核处理方式（`navigator.appName`），选择`innerText`或`textContent`属性。 - `setInterval("redirect()", 1000);` 使用`setInterval`函数每秒执行一次`redirect()`函数，实现倒计时效果。 6. **`redirect()`函数**: - `if(second < 0) { location.href='query.jsp'; }` 当倒计时`second`减至0时，页面会自动跳转到`query.jsp`。 - `second--;` 在跳转前，更新倒计时元素的值，递减1秒，直至触发跳转条件。此代码实现了一个简洁的网页，利用JavaScript进行用户交互，通过定时器控制3秒倒计时，然后在IE和Firefox中以不同的方式执行跳转操作，当倒计时结束时，用户会直接被重定向到`query.jsp`页面。这对于网站设计中常见的用户体验优化或者页面加载完成后的跳转场景十分常见。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>易宝搜索</title>
</head>
<body>
<h1>找不到匹配的结果</h1>
<span id="totalSecond">3</span>秒后自动返回
</body>
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) //判断是IE浏览器还是Firefox浏览器，采用相应措施取得秒数
{
second = document.getElementById('totalSecond').innerText;
} else
{
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000); //每1秒钟调用redirect()方法一次
function redirect()
{
if (second < 0)
{
location.href = 'query.jsp';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;

下载后可阅读完整内容，剩余1页未读，立即下载

xiongzh19

粉丝: 1
资源: 8

3秒倒计时跳转脚本：兼容IE与Firefox

HTML页面3秒后自动跳转的三种常见方法

三秒后自动跳转页面

wx494社区门诊管理系统小程序-php+vue+uniapp.zip（可运行源码+sql文件+文档）

浏览器兼容(支持IE和firefox)

IE6跳转页面

Js图片广告轮换效果[支持ie7,ie8.firefox,ie6]

等待指定时间后自动跳转或关闭当前页面的js代码

四级联动菜单适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以

完美解决jsp页面在IE8下文本模式自动为(杂项Quirks)导致页面显示错位

分享两个手机访问pc网站自动跳转手机端网站代码

最新资源