手机
当前位置:查字典教程网 >网页设计 >XHTML >让网页在打开几秒之后就转向其它的页面
让网页在打开几秒之后就转向其它的页面
摘要:只要加入以下的代码就可以实现。第一种方法:使用Meta用法:其中第一条语句是停留30秒自动刷新,第二条是停留5秒转向sc.jb51.net。...

只要加入以下的代码就可以实现。

第一种方法:使用Meta

用法: <Meta http-equiv=Refresh Content=30>

<Meta http-equiv="Refresh" Content="5; Url=http://sc.jb51.net">

其中第一条语句是停留30秒自动刷新,第二条是停留5秒转向sc.jb51.net。分别使用可实现自动刷新或自动转向功能。

第二种:js实现

setTimeout(function(){window.location.href = 'http://sc.jb51.net';},2000)

第三种带倒计时的js代码

<html>

<head>

<title>10秒后跳转</title>

</head>

<body>

<input type="text" readonly="true" value="10" id="time">

</body>

<script language="javascript">

var t = 10;

var time = document.getElementById("time");

function fun(){

t--;

time.value = t;

if(t<=0){

location.href = "http://www.jb51.net";

clearInterval(inter);

}

}

var inter = setInterval("fun()",1000);

</script>

</html>

页面跳转功能当然也可以用js来实现,不过上面的代码的优点就是浏览不支持js的情况下,也可以使用。如果实现实时的倒计时效果,就需要用js来实现了,一般情况下,可以两者结合判断下。

javascript 页面跳转方法集合

用meta实现的页面跳转代码

【让网页在打开几秒之后就转向其它的页面】相关文章:

网页排版应该考虑IE6的兼容性问题

基于HTML实现表单提交后不刷新页面

HTML是网页制作者必须要学习掌握的

HTML 版本声明 DOCTYPE 标签

网页设计之网页音乐的实现技巧

网页制作中注意应用HTML标签的问题

缩短网页应用开发的十大省时技巧(图文教程)

了解html页面的渲染过程以备学习前端的性能优化(续)

HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK

网页制作初学者:学用HTML的超链接A标记

精品推荐
分类导航