一些页面自动跳转的实现
功能:5秒后,自动跳转到同目录下的02view.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>
分享到:
相关推荐
网站页面自动跳转实现方法PHP、JSP等
今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。 在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1、用一个response....
js实现网页自动跳转倒计时!html新手必备!html新手必备!html新手必备!html新手必备!
javascript实现页面5秒后自动跳转到首页或其他页面
页面自动跳转的几种实现方法 1.meta标签 2.使用header函数 3.使用JavaScript
asp.net登陆自动跳转代码实例 asp.net登陆自动跳转代码实例
js实现自动跳转,大家多下哈, 资源难得,几秒种跳转只需要修改后面的参数就行了!
两个域名同一个空间自动跳转的ASP代码,html中跳转最全代码
js实现页面跳转的几种方式
webbrowser 自动赋值,自动点击按钮,自动跳转,自动加载网页
这个工程实现对购物界面的跳转,开始时功能不能实现,但是经过修改后,就可实现!
java实现手机扫描二维码后网站跳转新页面,提供zxing和hutools的方式实现二维码的生成,动态刷新,验证跳转功能。
网页自动跳转的三种实现方法.pdf
能够实现web页面的跳转与自动刷新,自动跳转等。针对每一种实现方法,里面都有具体的实例。
jsp也面中实现注册成功后页面三秒钟跳转功能
a标签跳转打开新页面
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
利用jsp实现登录界面的跳转,数据库采用的是mysql,可以输入账号密码进行登录
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面<head>里面添加代码: 复制代码代码如下:...