首页 > 代码库 > js实现页面跳转，纯html实现网页定时跳转

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

2024-07-11 20:57:17   230人阅读

<!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中设置刷新的时间和刷新后的链接地址，时间和链接地址之间用分号相隔。时间单位位秒。





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


联系
我们