在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1)html的实现
复制代码代码如下:
<head>
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
优点:简单
缺点:Struts Tiles中无法使用
2)javascript的实现
复制代码代码如下:
<mce:script language="javascript" type="text/javascript"><!--
setTimeout("javascript:location.href='http://liting6680.blog.163.com/blog/hello.html'", 5000);
// --></mce:script>
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3)结合了倒数的javascript实现(IE)
复制代码代码如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:script>
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3 )结合了倒数的javascript实现(firefox)
复制代码代码如下:
<mce: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='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:script>
4)解决Firefox不支持innerText的问题
复制代码代码如下:
<span id="totalSecond">5</span>
<mce: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";
}
// --></mce:script>
5)整合3)和3')
复制代码代码如下:
<span id="totalSecond">5</span>
<mce: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='http://liting6680.blog.163.com/blog/hello.html';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
// --></mce:script>
以上通过五个实例是给大家介绍了HTML实现页面自动跳转的五种方法,希望大家喜欢。
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新动态
- 群星.1986-新格名曲精丫新格】【WAV+CUE】
- 群星.1986-新格名曲精选-歌3【新格】【WAV+CUE】
- 妙音唱片净化心灵·归还真我群星-无尘系列6CDWAV+CUE
- 孙协志2004-胜立精选(闽南语)[大旗][WAV+CUE]
- 徐若瑄《先听我说完》[320K/MP3][93.78MB]
- 徐若瑄《先听我说完》[FLAC/分轨][498.77MB]
- Resa Club《Soft Opening(Explicit)》[320K/MP3][72.41MB]
- 宝丽金群星.1997-舞池中Remix【宝丽金】【WAV+CUE】
- 吕继宏2010-广州独唱音乐会LIVE专辑[DMC唱片][WAV+CUE]
- 李丹阳1999-红月亮[上海音像][WAV+CUE]
- 廖昌永2007-怀念[中唱][WAV+CUE]
- 區瑞強1999-極品陌上歸人II[FLAC]
- [In-AkustikINAK7961]ATastySoundCollection-CoffeeLatin《咖啡和拉斗(2009)[WAV+CUE]
- Resa Club《Soft Opening(Explicit)》[FLAC/分轨][192.37MB]
- 紫龙游戏《钢岚 (原声音乐辑)》[320K/MP3][145.56MB]