简单的给页面设置一个访问密码

昨天某人吵着要文字咖写一个 “页面需要输入密码才能访问的代码” ，文字咖也很无奈，WordPress 不是自带这个功能吗？既然提出需求，文字咖就满足你，给制作一个简单的页面设置一个访问密码。

下午重新补充 SweetAlert 实现代码，样式好看一些，既然主题已经集成 SweetAlert 为什么不用呢！

1. SweetAlert 实现

<script type="text/javascript">
 swal({
	title:'请输入访问口令',
	text:"该网页需要口令才能访问，请填写访问口令：",
	type:'input',
	closeOnConfirm: false,
	closeOnCancel: false,
	confirmButtonText: "确 认",
	inputPlaceholder:"请填写访问口令",
	showLoaderOnConfirm:true,
	},function(inputValue){
		if (inputValue != '123') {
			swal.showInputError('口令错误，请重新输入');
			return;
		}
		else{
			swal.close('123');
			return;
		}			
	});
</script>

实现样式如下图所示：

2. JS 实现代码

JS 实现，代码如下：

<script type="text/javascript">
loopy();
function loopy(){
	var sWord ="";
	while (sWord != "123") {
		sWord = prompt("输入正确口令后才能访问：");
	}
	alert("欢迎访问！");
}
</script>

代码完成收工！