パスワードでログインさせる方法（入室制限） 2

ベーシック認証によるアクセス制限（ID パスワードによる入室制限）を説明しました。こちらは手軽な上に、セキュリティーのレベルもぼちぼちなので、簡単にセキュリティーをかけたい場合はオススメですが、なにぶんサーバーの制限を受けるため、場合によっては利用できない場合もあります。
今回は、セキュリティーのレベルはあまり高くありませんが、どんなサーバーを利用していても手軽にできるJavascriptを利用した、アクセス制限（パスワードによる入室制限）を説明します。

閲覧するのにパスワードの必要なページを secret.html 、パスワード入力の手前のページを main.html とします。

main.html にJavascriptを記述

<script type="text/JavaScript">
<!--
function enter(){
   password = prompt("パスワード入力","");
   if ( password != "" )location.href = password +".html";
}
// -->
</script>

HTML部分（ secret.html へのリンク部分）

<a href="javascript:enter()">こちら</a>

簡単ですね。
セキュリティーをかけるファイルの名前がパスワードになりますので、今回の場合は、secret がパスワードです。

注意

上記のmain.htmlとsecret.htmlは同じディレクトリに置いて下さい。
また、secret.htmlのURLがわかってしまうと、直接アクセスできてしまいます。

上田ハーローFX