當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

js 404页面跳转

發布時間：2023/11/27 生活经验 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 js 404页面跳转小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

非原創

 1 <script type="text/javascript">  
 2     var num = 5;  
 3     function redirect() {  
 4         num--;  
 5         document.getElementById("num").innerHTML=num;  
 6         if (num < 0) {  
 7             document.getElementById("num").innerHTML = 0;  
 8             location.href = "login.html";  
 9         }  
10     }  
11     setInterval("redirect()", 1000);  
12 </script>

 1 <body>  
 2     <div class="admin-content">  
 3         <div class="am-cf am-padding">  
 4             <div class="am-fl am-cf">  
 5                 <strong class="am-text-primary am-text-lg">404</strong> / <small>That’s an error</small>  
 6             </div>  
 7         </div>  
 8   
 9         <div class="am-g">  
10             <div class="am-u-sm-12">  
11                 <h2 class="am-text-center am-text-xxxl am-margin-top-lg">404. Not Found</h2>  
12                 <p class="am-text-center">  
13                     沒有找到你要的頁面  
14                 </p>  
15                 <p class="am-text-center">  
16                     <span id="num">5</span>秒后自動跳轉到首頁<a href="login.html">馬上跳轉</a>  
17                 </p>  
18                 <pre class="page-404">          .----.  
19        _.'__    `.  
20    .--($)($$)---/#\  
21  .' @          /###\  
22  :         ,   #####  
23   `-..__.-' _.-\###/  
24         `;_:    `"'  
25       .'"""""`.  
26      /,  ya ,\\  
27     //  404!  \\  
28     `-._______.-'  
29     ___`. | .'___  
30    (______|______)  
31         </pre>  
32             </div>  
33         </div>  
34     </div>  
35 </body>

效果

轉載于:https://www.cnblogs.com/1032473245jing/p/8286855.html

總結

以上是生活随笔為你收集整理的js 404页面跳转的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：切除扁桃体手术多少钱
下一篇：【WinForm】“System.Dat