[javascript] 替你的網頁加上密碼

標籤: javascript

我們可能會遇到一個需求適當網站還沒有正式上線前,避免有人不小心試到網址,或是透過搜尋引擎不小心跑進來,這樣內容就會被看到,這邊可以簡單地用一個 javascript 幫我們處理這個問題。

範例程式碼如下:

function run(){
        var password = prompt("Password Please");
        //Change to your own Password
        if(password != 'yourPassword'){
            document.body.innerHTML = '';
            document.body.innerHTML = '密碼錯誤';
        }else{
            alert('Success');
            $(".mask").remove();
        }
    }
    run();

 

也可以在頁面加上一個遮罩,在密碼輸入成功後才移除,這樣就不會因為在輸入密碼的時候會先看到一些底下的內容了。