3秒倒计时跳转脚本：兼容IE与Firefox
4星 · 超过85%的资源 需积分: 20 87 浏览量
更新于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`页面。这对于网站设计中常见的用户体验优化或者页面加载完成后的跳转场景十分常见。
23999 浏览量
1865 浏览量
107 浏览量
2011-12-13 上传
142 浏览量
219 浏览量
332 浏览量
485 浏览量
xiongzh19
- 粉丝: 1
- 资源: 8
我的内容管理
展开
