HTML5自动跳转页面的常用方法

HTML的实现

<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html"> 
</head>

 

JavaScript的实现 

<script language="javascript" type="text/javascript">
　　// 以下方式直接跳转
　　window.location.href='hello.html';

　　// 以下方式定时跳转
　　setTimeout("javascript:location.href='hello.html'", 5000); 
</script>

 

利用倒数动态提示

//非firfox
<span id="totalSecond">3</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>


//firfox

<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>

 

posted @ 2017-04-20 15:29  一剑烟雨  阅读(1868)  评论(0)    收藏  举报