HTML页面跳转的5种方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1) html的实现
1 2 3 4 5 6 | < head > <!-- 以下方式只是刷新不跳转到其他页面 --> < meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> < meta http-equiv="refresh" content="5;url=hello.html"> </ head > |
优点:简单
缺点:Struts Tiles中无法使用
2) javascript的实现
1 2 3 4 5 6 | <script language= "javascript" type= "text/javascript" > // 以下方式直接跳转 window.location.href= 'hello.html' ; // 以下方式定时跳转 setTimeout( "javascript:location.href='hello.html'" , 5000); </script> |
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的javascript实现(IE)
1 2 3 4 5 6 7 8 9 | < 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='hello.html'; } </script> |
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3') 结合了倒数的javascript实现(firefox)
1 2 3 4 5 6 7 8 9 | <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 = 'hello.html' ; } </script> |
4) 解决Firefox不支持innerText的问题
1 2 3 4 5 6 7 8 | < 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 > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | < 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 = 'hello.html'; } else { if (navigator.appName.indexOf("Explorer") > -1) { document.getElementById('totalSecond').innerText = second--; } else { document.getElementById('totalSecond').textContent = second--; } } } </ script > |
GeoServer源码解析和扩展 (一)基础篇
开放GIS标准OGC之路(4)之 解密Filter
开放GIS标准OGC之路(3)之 WFS初探
养成重构的习惯有多重要
使用GeoTools遇到的两个小问题:nvarchar类型字段无法识别,主键字段无法识别
OGC之路(1) 之 WMS标准学习总结
移动端flex布局
推一把随机回帖模块
用htmlparser来获取你想要的内容
- 最新文章
-
LearnPy小程序
一道C题目
C 学习 20120805
Spring线程池任务执行顺序测试
java内存区域与内存溢出异常
Executors创建线程池原理
java中的深拷贝与浅拷贝
android bindService无法启动或不运行的问题
博客园开通
SAP EWM MATID for product id (GUID)
- 热门文章
-
android 混淆后 导出apk报错 Conversion to Dalvik format failed with error 1
vmmap使用指南 english手册[]
一本好书 C++高级进阶教程
【转】林锐 c++测试
Javascript匿名函数的一种应用:封装
WebGIS最佳实践4 使用pgRouting实现最佳路径搜索
WebGIS最佳实践3 为GeoServer编写漂亮的Style
WebGIS最佳实践2 在WebGIS程序中实现路径分析
在GeoServer中使用“宋体”
WebGIS最佳实践1 为GeoServer增加GP(Geometry Processing)服务