我如何加密博客页面的密码保护?或者添加一个函数也许......这样它在代码中就不会那么明显。
无论如何我可以添加一些CSS设计吗?或者让它在屏幕中央弹出。
<!-- paste this password form in your blogger post/page -->
<script language="JavaScript">
var password = ' '
password=prompt('This is password protected page, please enter password to continue.','');
if (password != 'password') {
location.href='https://errorpage.blogspot.com/404';
}
</script>
<!-- end password -->
ps:我是 JavaScript 新手,仍在学习...
这就是表单的样子,但任何人都可以访问代码(Ctrl + U)并查看密码...
最佳答案
您可以通过css隐藏整个页面,然后使用js显示它。在/head 之前输入以下代码,看看魔法
<div style='position:fixed;overflow:none;height:100%;bottom:0;width:100%;top:0;display:table;text-align:center;background:hsla(0, 0%, 0%, 0.72)' id='passward-protected'>
<div style='display:table-cell;vertical-align:middle'>
This Page is password protected
<button onclick='enterpass()'>Enter Password</button>
</div>
</div>
<!-- paste this password form in your blogger post/page -->
<script language="JavaScript">
function enterpass(){
var password = ' '
password=prompt('This is password protected page, please enter password to continue.','');
if (password == 'password') {
document.getElementById('passward-protected').style.display='none';
}else{
alert('Wrong Password')
}
}
</script>
关于javascript - JavaScript 中的博客页面密码加密,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61211548/