如何使用jQuery或javascript“隐藏”网站并要求密码？

因此，我正在为一位家庭成员创建一个婚礼网站，并希望有一种非常简单的方式，让人们在网站出现之前输入密码。它不需要是安全的

我在想我可以在网站上方有一个白色的图层，上面有一个简单的密码表单，网站将在下面加载。然后，当输入密码时，白色层消失，网站出现

---

有人能帮我吗？

嗯。。既然你说过不需要安全的颤栗，你就能逃脱

将所有与网站相关的内容包装在某个容器中，比如一个div，在其“主要内容”上添加一个类。关于如何隐藏它，您有几个选项：

CSS显示：无； 内联样式：显示：无； 高度：0px； 除了“主要内容”之外，在类似级别上创建一个div，并为其提供一个标识符，即“登录内容”类。保持此状态不变，即可见

当DOM加载时，您的登录内容应该是可见的，而主内容不可见

---

当用户“成功登录”后，恢复样式。i、 e.主要内容->显示：块；，高度：100%，无所谓。

这里是一个工作示例

HTML

CSS

---

在js的帮助下，您可以执行以下操作：

var password;

var pass1="1234567";

password=prompt('Enter your password',' ');

if (password==pass1) {
  $('body').show();
} else  {
  $('body').hide();
}

如果您想了解更多信息，请参阅以下来源：

---

不要使用客户端脚本来保护网站安全。客户端可以禁用JavaScript，这使它变得毫无意义。有什么帮助吗？我可以说是的，你想做的是可能的，尽管这不是让别人为你写代码的正确地方。@。。。他说不一定要安全，他显然不在乎。@凯文：事实上，那么整个练习完全没有意义，我只想知道练习的意义是什么？@DavidThomas:有时候你只需要说服奶奶她的照片不是公开的，这样她就不会抱怨了。啊，听起来是个好主意。因此，它实际上隐藏了页面，并使用javascript再次显示它。你能告诉我在哪里可以学会用javascript编写代码吗；如果您在该页面中拥有所有内容，则可以执行此操作。但就我个人而言，我不喜欢这样说。或者，您可以加载网站内容，即在登录后将HTML加载到主内容中，从而阻止他们查看源代码，或者使用开发工具修改dom等。这虽然不安全，但会更好。您知道，我可能只需要将登录表单作为一个单独的页面，然后重定向到网站。当然。有很多方法可以做到这一点。。我想我会回答的，因为你得到的只是f***太好了！这与我的想法非常接近。我将尝试找出如何使用样式化的框而不是警报框。完美！现在来看看如何添加一个漂亮的密码框。我以前做过表格，所以我想应该很相似。

$('.cover').click(function(){
    $(this).fadeOut(1000, function(){
        $(this).remove();    
    });   
});

.page{
    background-color:green;
    height:200px;
}
.cover{
    background-color:yellow;
    height:200px;
    z-index:200;
    position:fixed;
    top:0;
    left:0;
    float:left;
    width:100%;

}

var password;

var pass1="1234567";

password=prompt('Enter your password',' ');

if (password==pass1) {
  $('body').show();
} else  {
  $('body').hide();
}