HTMLページを瞬時にパスワードロック
HTMLページを瞬時にパスワードロック:
htmlページに一瞬でパスワードロックをかける方法です。
javascriptを４行追加するだけでできちゃいます。
ただし、セキュリティはあまめです。
なので、厳密にはロックではないですね！
相手の入力した値にhtmlをつけて、フォルダ内の別のファイルに移動しているだけなんです。
つまり、移動先のhtmlを直で打たれると普通に見れちゃうんですね！
それでも、簡易的なパスワードロックっていうことになります＾＾
あまり実用性はないですね！
参考サイト（https://allabout.co.jp/gm/gc/23839/2/）
htmlページに一瞬でパスワードロックをかける方法です。
javascriptを４行追加するだけでできちゃいます。
ただし、セキュリティはあまめです。
実際の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を直で打たれると普通に見れちゃうんですね！
それでも、簡易的なパスワードロックっていうことになります＾＾
あまり実用性はないですね！
参考サイト（https://allabout.co.jp/gm/gc/23839/2/）
コメント
コメントを投稿