进入网页后先输密码，密码（动态加密）正确在加载网页信息，否则不加载任何信息（F12也看不到数据）-Toy模板网

这篇具有很好参考价值的文章主要介绍了进入网页后先输密码，密码（动态加密）正确在加载网页信息，否则不加载任何信息（F12也看不到数据）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

需求

内部人员测试使用的网页，权限有些大，不适用与客户，但是需要再客户电脑上调试使用。
简单的html界面，要求：

1.不输入密码前浏览器不能加载内容（F12也看不到任何信息）
2.每30分钟刷新一次页面，刷新后重新输入密码
3.密码为动态密码
4.密码输入失败关闭当前浏览器

解决方法

使用js原生方法 prompt()
用途：

弹出一个对话框，内部有一个提示语句以及一个输入框，可以在输入框中根据提示 任意输入内容。

语法：

var password = prompt('请输入密码', '');
参数： 参数一 提示语句， 参数二 输入的内容
返回值： 输入的内容

效果

进入网页后先输密码，密码（动态加密）正确在加载网页信息，否则不加载任何信息（F12也看不到数据）,前端,javascript,前端文章来源地址https://www.toymoban.com/news/detail-835661.html

代码

<script>
function getNumber() {
	var today = new Date();
	var y = today.getFullYear();
	var m = today.getMonth() + 1;
	var d = today.getDate();
	var h = today.getHours();
	var mm = today.getMinutes();
	m = ('0' + m).slice(-2);
	d = ('0' + d).slice(-2);
	h = ('0' + h).slice(-2);
	mm = ('0' + mm).slice(-2);
	return y + '' + m + '' + d + '' + h + '' + mm
}
var password = "";
var number = getNumber()
var num = md5(number)
password = prompt('请输入密码','');
if (password != num){
	alert("密码不正确,无法进入本站!!");
	window.location.href = "https://www.baidu.com"
	window.close(); 
}
// 每30分钟刷新一次页面
setTimeout(function () {
	location.reload();
}, 30 * 60 * 1000);
</script>