Question

我正在创建我的网站，我需要创建受密码保护的JavaScript代码才能访问它。

我是否也需要更改我的CSS，否则它只会在我的HTML代码中？

Answer 1

使用纯JS无法进行任何有意义的密码保护，因为客户端只需更改页面代码即可完全跳过密码保护。您需要使用HTTP基本访问身份验证或使用某种服务器端脚本语言。

Answer 2

前端 JS是错误的保护

// IMPORTANT: This is a JS-for-fun - and a BAD example how to secure your content:
var password = "demo"; // because ANYONE CAN SEE THIS IN VIEW SOURCE!


// Repeatedly prompt for user password until success:
(function promptPass() {

  var psw = prompt("Enter your Password");

  while (psw !== password) {
    alert("Incorrect Password");
    return promptPass();
  }

}());


alert('WELCOME');
// or show you page content

妥善保护您的网页：
与服务器的安全连接，以及服务器端语言是可行的方法。

Answer 3

您无法使用javascript或css创建受密码保护的网站。

您必须使用服务器端脚本，例如 php，asp.net，jsp 或用户 htaccess密码保护

Answer 4

您可以将所有这些放在 php 中的 echo 语句中以隐藏代码

html

    <!DOCTYPE html>
    <html>
    <body>
    
    <p>Click the radio button to toggle between password visibility:</p>
    
    Password: 
    <input type='text' value='' id='myInput'><br><br>
    <input type='checkbox' onclick='myFunction()'>Show results
    
    <p id='demo' style='display:none; color: black;'>demo</p>

现在javascript很简单

    <script>
    function myFunction() {
      var x = document.getElementById('myInput');
      var y = document.getElementById('demo');
      if (x.value === '45') {
        y.style.display = 'block';
      } else {
        y.style.display = 'none';
      }
    }
    </script>

并关闭html

    </body>
    </html>

大功告成，试一试，输入密码45

如何创建受密码保护的网站？

4 个答案: