標籤

404頁面

緣由：
2017/7月在某公司實習。因為網頁如果再 www 下找不到檔案，會顯示 Not Found 404。於是，我做了一個 404 頁面。但是，當時有很多子網域都要放，所以我做了一個自動抓取host 的方式來重新導向頁面。
404 要求：
  1. 當找不到檔案時，能夠導向首頁（做個按鈕）。
  2. 能夠 60 秒後自動導向首頁。
  3. 有個公司指標性圖片（能夠點擊）。
程式碼：

<!--#echo var="REQUEST_URI" -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>404 Page Not Found</title>
    <script>
        var urlS = location.host.toString(); //取得網頁 host
        setTimeout(translatePage,60000); // 60秒後自動導向
/*translatePageTime() 倒數 60 秒*/
        var s = 60;
        function translatePageTime(){
            document.getElementById("displayTime").innerHTML=s;
            setTimeout(translatePageTime,1000);      
            s -= 1;       
        }
        function translatePage(){
            location.href = "http://" + urlS;
        }
/*抓取該 a Tag 的 ID 並讓他自動超連結到首頁*/

function pageUp1Tran() {  
            var url = document.getElementById("pageUp1").href = "http://"+urlS; 
        } 
        function pageUpTran() {  
            var url = document.getElementById("pageUp").href = "http://"+urlS; 
        } 
    </script>
    <style>
        body{
             text-align:center;
        }
        .translatePage a img{
            border: 1px dashed red;
        }
        a{
            text-decoration:none;
            color:red;
        }
    </style>
</head>
<body onload="translatePageTime();getURLByJQuery()">
    <H2>請檢查URL語法</H2>
    <div class="translatePage">
        <a id="pageUp" href="javascript:pageUpTran()">返回首頁</a> 
        <a id="pageUp1" href="javascript:pageUp1Tran()"><img src="http://new.zzart168.com/img/shortcutlogo.png"></a> 
        <p id="displayTime"></p>
        <p>秒後頁面即將跳轉</p>
    </div>
</body>
</html>
總結：
以上是我達成自動化的方式，不然丟進每個目錄下還要改URL根本會要命啊!!!如果有更好方式，歡迎跟我方享ㄆㄆ。 
標籤：

留言

張貼留言

熱門文章