码迷,mamicode.com
首页 > Web开发 > 详细

js实现页面跳转,纯html实现网页定时跳转

时间:2014-07-13 14:56:44      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:页面跳转

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>登陆页面</title>
    <script type="text/javascript">
        function OpenWindow() {
            window.location.href = "Frame/Login.htm";     //要跳转到的页面的路径
        }
    </script>
</head>
<body onload="OpenWindow()">           //页面加载时 调用该方法 实现页面跳转
</body>
</html>

以上是用js实现页面跳转的全部代码


用纯html也可以实现页面跳转


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="refresh" content="0;url=Frame/Login.htm"/>     //<meta>标签设置 自动跳转的时间和跳转到的页面地址
</head>
<body>
</body>
</html>


html中的<meta>标签中的属性  http-equiv属性中的refresh不仅能够完成页面自身的自动刷新,也可以实现页面之间的跳转过程。


<meta http-equiv="refresh" content="跳转时间;url=跳转到的地址"/>

refresh表示网页的刷新,在content中设置刷新的时间和刷新后的链接地址,时间和链接地址之间用分号相隔。时间单位位秒。





本人原创,技术有限,如有错误,欢迎补充指正。


js实现页面跳转,纯html实现网页定时跳转,布布扣,bubuko.com

js实现页面跳转,纯html实现网页定时跳转

标签:页面跳转

原文地址:http://fanfl.blog.51cto.com/5493505/1437524

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!