预览加载中，请您耐心等待几秒...

HTML实现页面自动跳转的方法有哪些(实例).docx

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共12页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HTML实现页面自动跳转的方法有哪些(实例)HTML实现页面自动跳转的方法有哪些(实例)本文是百分网小编搜索整理的五个实例给大家介绍html如何实现页面自动跳转，感兴趣的朋友一起学习吧！!想了解更多相关信息请持续关注我们应届毕业生考试网!1）html的实现代码如下:<head><metahttp-equiv="refresh"content="5;url=hello.html"></head>优点：简单缺点：StrutsTiles中无法使用2）javascript的实现代码如下:<mce:scriptlanguage="javascript"type="text/javascript"><!--setTimeout("javascript:location.href='http://liting6680.blog.163.com/blog/hello.html'",5000);//--></mce:script>优点：灵活，可以结合更多的其他功能缺点：受到不同浏览器的影响3）结合了倒数的javascript实现（IE）代码如下:<spanid="totalSecond">5</span><mce:scriptlanguage="javascript"type="text/javascript"><!--varsecond=totalSecond.innerText;setInterval("redirect()",1000);functionredirect(){totalSecond.innerText=--second;if(second<0)location.href='http://liting6680.blog.163.com/blog/hello.html';}//--></mce:script>优点：更人性化缺点：firefox不支持（firefox不支持span、p等的.innerText属性）3）结合了倒数的javascript实现（firefox）代码如下:<mce:scriptlanguage="javascript"type="text/javascript"><!--varsecond=document.getElementById('totalSecond').textContent;setInterval("redirect()",1000);functionredirect(){document.getElementById('totalSecond').textContent=--second;if(second<0)location.href='http://liting6680.blog.163.com/blog/hello.html';}//--></mce:script>4）解决Firefox不支持innerText的问题代码如下:<spanid="totalSecond">5</span><mce:scriptlanguage="javascript"type="text/javascript"><!--if(navigator.appName.indexOf("Explorer")>-1){document.getElementById('totalSecond').innerText="mytextinnerText";}else{document.getElementById('totalSecond').textContent="mytexttextContent";}//--></mce:script>5）整合3）和3'）代码如下:<spanid="totalSecond">5</span><mce:scriptlanguage="javascript"type="text/java