学者斋HTML实现页面自动跳转的方法有哪些(实例)
- 网页设计
- 关注：1.18W次
本文是本站小编搜索整理的五个实例给大家介绍html如何实现页面自动跳转，感兴趣的朋友一起学习吧！!想了解更多相关信息请持续关注我们应届毕业生考试网!
1）html的实现
代码如下:
<head>
<meta http-equiv="refresh" content="5;url=">
</head>
优点：简单
缺点：Struts Tiles中无法使用
2）javascript的实现
代码如下:
<mce:script language="javascript" type="text/javascript"><!--
setTimeout("javascript:=''", 5000);
// --></mce:script>
优点：灵活，可以结合更多的'其他功能
缺点：受到不同浏览器的影响
3）结合了倒数的javascript实现（IE）
代码如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var second = rText;
setInterval("redirect()", 1000);
function redirect(){
rText=--second;
if(second<0) ='';
}
// --></mce:script>
优点：更人性化
缺点：firefox不支持（firefox不支持span、p等的innerText属性）
3 ）结合了倒数的javascript实现（firefox）
代码如下:
<mce:script language="javascript" type="text/javascript"><!--
var second = lementById('totalSecond')Content;
setInterval("redirect()", 1000);
function redirect()
{
lementById('totalSecond')Content = --second;
if (second < 0) ='';
}
// --></mce:script>
4）解决Firefox不支持innerText的问题
代码如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
if(xOf("Explorer") > -1){
lementById('totalSecond')rText = "my text innerText";
} else{
lementById('totalSecond')Content = "my text textContent";
}
// --></mce:script>
5）整合3）和3'）
代码如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var second = lementById('totalSecond')Content;
if (xOf("Explorer") > -1)
{
second = lementById('totalSecond')rText;
} else
{
second = lementById('totalSecond')Content;
}
setInterval("redirect()", 1000);
function redirect()
{
if (second < 0)
{
='';
} else
{
if (xOf("Explorer") > -1)
{
lementById('totalSecond')rText = second--;
} else
{
lementById('totalSecond')Content = second--;
}
}
}
// --></mce:script>
- 文章版权属于文章作者所有，转载请注明 https://xuezhezhai.com/sjzz/sjzz/z4pejn.html
