前段弹窗输入密码显示文章隐藏内容

输入密码才能访问文章内容一般都是都市后端使用代码实现的，也就是在帖子里面输入密码，才能显示网页的隐藏内容，比如我们常见的登录可见功能就是这样的，或者是权限分配，既然都要隐藏了，势必是比较隐私的内容，安全性要求比较高，所以前端做是不太靠谱的。

不过有的人就喜欢在页面上做点小互动，或者这样看上去更为高端，这样如果不是涉及到隐私的密码内容，我们大可用前端实现，而且网友的需求也比较多，这也算是个比较实用的功能吧！

功能效果展示

下面分别是输入正确密码和不正确密码的效果演示，这里密码设置为：www.wzw7.com

前端输入密码，显示隐藏内容

代码如下，大家自己更具演示图去修改自己要的密码和内容吧。

<div id="mycontent"></div>
<p><script>
function password(password) {
 var count = 1;
 var password=password || 88888888;
 var input = prompt('请输入密码：','www.wzw7.com');
 while (count < 3) {
 if (input == password) {
 break;
 }
 count+=1;
 input = prompt('密码错误!请重新输入:','不知道密码可以加群获取：666');
 }
 if (input!=password && count >=3) {
 return "&lt;h2&gt;无作为提示：密码不正确，你无权查看这里的内容。&lt;/h2&gt;";
 }
 return "&lt;h2&gt;恭喜你输入密码正确：我是输入密码后看到的内容，你看到我啦！&lt;/h2&gt;";
}
var test=password("www.wzw7.com")
document.getElementById("mycontent").innerHTML=test;
</script>

最下面的password是自己想要的密码，其他的可以自己修改，上面也说过，前端是没有安全性的，如果别人想看密码，很简单，右键源码就能看到内容和密码。