フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

HTMLページを瞬時にパスワードロック

htmlページに一瞬でパスワードロックをかける方法です。

javascriptを4行追加するだけでできちゃいます。
ただし、セキュリティはあまめです。

実際のhtmlファイル

test.html
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta http-equiv="content-type" charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

<body>

    <p>ここのページからあるパスワードを知る人だけが他のページに行けます</p>
    <input type="button" value="パスワードを入力して秘密のページへアクセスする" onclick="gate();">


    <script type="text/javascript">
        function gate() {
            var UserInput = prompt("パスワードを入力して下さい:","");
            location.href = UserInput + ".html";
        }
    </script>
    <style type="text/css">
    html,input {
        font-size: 40px;
    }
    input {
        background-color: #dcdcdc;
        padding: 20px;
        border-radius: 10px;
    }
</style>
</body>
</html>

仕組み

実は、ページの移動を強制しているだけなんです。
なので、厳密にはロックではないですね!
相手の入力した値にhtmlをつけて、フォルダ内の別のファイルに移動しているだけなんです。
つまり、移動先のhtmlを直で打たれると普通に見れちゃうんですね!

それでも、簡易的なパスワードロックっていうことになります^^
あまり実用性はないですね!

参考サイト(allabout.co.jp/gm/gc/23839/2/)

[紹介元] HTMLタグが付けられた新着投稿 – Qiita HTMLページを瞬時にパスワードロック

コメント

記事に戻る

コメントを残す