系统软件园 - 专注分享最好的电脑系统软件!免费安全下载 系统软件园首页 | Win7激活工具 | 热门专题
系统软件园>您的位置:首页 > > 系统教程 > 软件教程 >

网页自动跳转代码|HTML自动跳转代码

更新时间:2018-07-21 13:22:43| 编辑:本站整理 | 信息来源:本站整理|浏览数:

有时我们要对网页做跳转,让用户打开该页面后马上或是在一定的时间内跳转到另外一个页面,下面小编分享网页自动跳转代码给大家。




动跳转代码方案一,用<meta>里直接写刷新语句:

如下语句,红色甩部分改成自己的网页地址就好了。蓝色部分为跳转时间 下面是5秒,可以改成自己需要的时间,0表示不等待。

<html>
< head>
< meta http-equiv="Content-Language" content="zh-CN">
< meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
< meta http-equiv="refresh" content="5;url=http://windows.gly188.com">
< title>html网页自动跳转代码--西农大网站</title>
< /head>
< body>

测试:html网页自动跳转代码<br/>

这里可以写一些文字,在跳转之前可以显示给用户!<br />

</body>
< /html>  

自动动跳转代码方案二,用JavaScript脚本来跳转

 

2) javascript的实现

 
 
 
 
 
 
<script language="javascript" type="text/javascript">
// 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("javascript:location.href='http://windows.gly188.com'", 5000);
</script>

优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的javascript实现(IE)

 

 
 
 
 
 
 
 
 
 
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='http://windows.gly188.com';
}
</script>

优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3') 结合了倒数的javascript实现(firefox)

 
 
 
 
 
 
 
 
 
 
<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://windows.gly188.com';
}
</script>

4) 解决Firefox不支持innerText的问题

 

 
 
 
 
 
 
 
 
 
<span id="totalSecond">5</span>
<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";
}
</script>

5) 整合3)和3')

 
 
 
<span id="totalSecond">5</span>
 
<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://windows.gly188.com';
} else {
    if (navigator.appName.indexOf("Explorer") > -1) {
        document.getElementById('totalSecond').innerText = second--;
    } else {
        document.getElementById('totalSecond').textContent = second--;
    }
}
}
</script>

返回顶部


系统软件园发布的系统镜像及软件均来至互联网,仅供学习和研究使用,不得用于任何商业用途并请在下载后24小时内删除,如果满意请联系版权方购买。
如果您发现本站侵害了您的版权,请立即联系我们,本站将第一时间进行相关处理。联系方式(见首页)
版权声明|下载声明 Copyright @ 2016 系统软件园