html的5种页面跳转方式.doc

HTML页面跳转的5种方法下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。1) html的实现?123456 优点：简单缺点：Struts Tiles中无法使用2) javascript的实现?123456 / 以下方式直接跳转 window.location.href=hello.html; / 以下方式定时跳转 setTimeout(javascript:location.href=hello.html, 5000); 优点：灵活，可以结合更多的其他功能缺点：受到不同浏览器的影响3) 结合了倒数的javascript实现（IE）?1234567895 var second = totalSecond.innerText; setInterval(redirect(), 1000); function redirect() totalSecond.innerText=-second; if(second0) location.href=hello.html; 优点：更人性化缺点：firefox不支持（firefox不支持span、div等的innerText属性）3) 结合了倒数的javascript实现（firefox）?123456789 var second = document.getElementById(totalSecond).textContent; setInterval(redirect(), 1000); function redirect() document.getElementById(totalSecond).textContent = -second; if (second 0) location.href = hello.html; 4) 解决Firefox不支持innerText的问题?123456785 if(navigator.appName.indexOf(Explorer) -1) document.getElementById(totalSecond).innerText = my text innerText; else document.getElementById(totalSecond).textContent = my text textContent; 5) 整合3)和3) ?1234567891011121314151617181920212223245 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 -1) document.getElementById(totalSecond).innerText =