html 页面自动跳转的五种实现方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的02view.html(根据自己需要自行修改)文件。
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>1)html的实现</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<head><meta http-equiv="refresh" content="5;url=02view.html">
</head>
优点:简单
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>缺点:Struts Tiles中无法使用</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
2)javascript的实现
<script language="javascript" type="text/javascript">setTimeout("javascript:location.href='02view.html'", 5000);
</script>
优点:灵活,可以结合更多的其他功能
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>缺点:受到不同浏览器的影响</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
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>
优点:更人性化
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>缺点:firefox不支持(firefox不支持span、div等的innerText属性)</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
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>
html 页面自动跳转的五种实现方法相关推荐
- HTML页面自动跳转的五种实现方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件. 1)html的实现 <head> <meta h ...
- html 自动跳转手机版,HTML实现页面自动跳转的五种方法
在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧. 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同 ...
- 页面自动跳转的几种实现方法
很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录.发帖及回复或留言簿中的留言和回复等操作成功后,若用户没有任何鼠标点击操作,过了一定的时间,页面自动跳转到预设的页面.本文讨论网页自动 ...
- 禁止IE页面自动跳转到EDGE浏览器的方法教程
IE浏览器一直是我们最常用的浏览器,但是Windows系统在大力推广edge浏览器的时候强制原来的IE用户使用IE浏览器的时候直接跳转到edge浏览器.应该怎么禁止IE浏览器跳转edge浏览器呢?下面 ...
- js实现页面自动跳转
本文导读:自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站.通常情况下,浏览器会收到一个网页 ...
- 页面自动跳转实现方法
自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站.通常情况下,浏览器会收到一个网页,该页面含 ...
- 页面自动跳转php,网站页面自动跳转实现方法PHP、JSP等
网站页面自动跳转实现方法PHP.JSP等 自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站. ...
- 小程序页面之间数据传递的五种方法
小程序页面之间数据传递的五种方法 目录 小程序页面之间数据传递的五种方法 **使用 `wx.navigateTo()` 时,在 url 中拼接,这种方法适用于数据量少的情况** **使用 `wx.na ...
- 页面自动刷新,页面自动跳转
1.页面自动刷新:把如下代码加入<head>区域中 CODE: <meta http-equiv="refresh" content="20" ...
最新文章
- Nacos v0.7.0:对接CMDB,实现基于标签的服务发现能力
- 06- 本地方法接口
- python 表单中值为空的还需要传入么_牛掰!100行Python,自动动手打造一款多国语言翻译软件...
- iOS项目更新之升级Xcode7 iOS9
- 【数据结构和算法笔记】数组(数组的储存方式和特殊矩阵的压缩储存)
- 简单工厂模式(静态工厂模式)
- PHP程序员测试题及答案
- LaTeX函数、符号及特殊字符
- NLP之文本特征提取详解
- 如何把m4a转换成mp3?音频格式转换步骤
- ARCGIS之土地报备坐标(报盘数据)txt批量导出工具简介
- EPUB、CAJ 、PDF 格式的区别,windows上有什么好用的epub阅读器
- 恶略天气下的目标检测
- Hadoop生态系统
- 网易MUMU模拟器怎么设置不卡?
- python实验原理_Python实现蒙特卡洛算法小实验过程详解
- 有关字符集知识的总结
- 超酷震撼 HTML5/CSS3动画应用及源码
- 点击链接跳转到微信公众号关注页、微信关注链接。
- 安卓系统怎么模拟java_电脑上安装安卓系统模拟器的方法(直接用JAVA虚拟成手机)...