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

Jef*_*eff 4 javascript html5

我一直在寻找HTML的密码保护,列出的大多数保护似乎对我的需求来说太过分了.

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

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

Fra*_*ana 10

在您的主页面中使用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>
Run Code Online (Sandbox Code Playgroud)

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

  • @ScottBeeson肯定,但是任何有知识打开该功能的人都可以修改它以便始终返回true,因此它不会增加任何安全性.这种"解决方案"仍然是保护简单内容的简单,快速和非安全的方式 (2认同)