进入网页后先输密码,密码(动态加密)正确在加载网页信息,否则不加载任何信息(F12也看不到数据)

需求

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

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

解决方法

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

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

语法:

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

效果

在这里插入图片描述

代码

<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>
  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xuelong-ming

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值