对非敏感链接的简单密码保护

时间:2012-08-14 15:33:19

标签: javascript html5

我一直在寻找HTML的密码保护,并且列出的大部分保护措施对我的需求来说都是过度的。

我只想拥有一些投资组合图像(没有什么需要私有的,如果任何高级程序员或知道如何打开代码的人都可以进入它,因为没有什么是敏感的,这无关紧要),我只是不喜欢不希望普通用户访问网站的某些区域,只允许我提供密码的人(例如在我的名片上)。

有没有人有任何建议或方向我应该看看?

3 个答案:

答案 0 :(得分:8)

在您的主页中使用javascript,如下所示:

<body>
Enter password: <input id='password' type='text'  />
<a href="your_image_portfolio.html" onclick="javascript:return validatePass()">enter your password and click this</a>
<script>
function validatePass(){
    if(document.getElementById('password').value == 'yourBussinessCardPassword'){
        return true;
    }else{
        alert('wrong password!!');
        return false;
    }
}
</script>
</body>

这是非常不安全的,但它会为非技术用户做你想要的......

答案 1 :(得分:0)

如上所述,HTML不直接支持密码保护。您可以使用PHP执行此操作:创建表单以输入将数据发送到PHP脚本的密码。在PHP脚本的开头使用if语句来判断提交的数据是否与您的密码匹配。如果没有,重定向/包含某种错误页面。如果是,请让它从if语句中加载库的其余部分。

<?php

if ($_POST["password"] == 12345) {
page goes here
}
else {
include 'errorpage'
?>

答案 2 :(得分:-1)

    <script type="text/JavaScript">

    function Sinfo()
    {

        var info = document.getElementById("info").value; //Getting the value in the Text Area
        var help = "Hello"; // setting the value for the password 

            if(info==help){ // checking to see if info is equal to help

            document.write("Correct Password"); // writing correct password if correct


    }
        else{

        document.write("Wrong Password"); // writing the wrong password if wrong

        }

    }

    </script>