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>
    <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中設置刷新的時間和刷新後的鏈接地址,時間和鏈接地址之間用分號相隔。時間單位位秒。





本人原創,技術有限,如有錯誤,歡迎補充指正。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章