首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求网页锁定的办法,该怎么处理

2013-08-01 
求网页锁定的办法一个网站过5分钟不动作,就会锁定页面,可输入密码来解锁(有一个弹框)可是如果用户按F5,就

求网页锁定的办法
一个网站
过5分钟不动作,就会锁定页面,
可输入密码来解锁(有一个弹框)

可是如果用户按F5,就无效了,弹框消失,回到了界面


求如何只能让用户输入密码来解锁?


[解决办法]
用cookie保存是否为锁定状态,刷新后判断是否存在锁定的cookie,是就显示输入密码,输入密码正确后清除cookie

 <div id="dvContent">内容<br />内容<br />内容<br />内容<br />内容<br />内容</div>
 <div id="dvPassword" style="display:none">输入密码:<input type="password" id="txtPwd" /><input type="button" value="确定" onclick="check()"/></div>
<script>
    if (document.cookie.indexOf('lock=1') != -1) ShowContent(false);
    var delay = 10 * 1000,timer;//10s后锁定,修改delay为你需要的时间,单位毫秒
    function startTimer() {
        clearTimeout(timer);
        timer = setTimeout(TimerHandler, delay);
    }
    function TimerHandler() {
        document.cookie = 'lock=1';
        document.onmousemove = null;//锁定后移除鼠标移动事件
        ShowContent(false);
    }
    function ShowContent(show) {
        document.getElementById('dvContent').style.display = show ? 'block' : 'none';
        document.getElementById('dvPassword').style.display = show ? 'none' : 'block';
    }
    function check() {
        if (document.getElementById('txtPwd').value == '123') {
            document.cookie = 'lock=0';
            ShowContent(true);
            startTimer()//重新计时
            document.onmousemove = startTimer; //重新绑定鼠标移动事件


        }
        else alert('密码不正确!!');
    }
    window.onload = function () {
        document.onmousemove = startTimer;
        startTimer();
    }
</script>


[解决办法]
引用:
用cookie保存是否为锁定状态,刷新后判断是否存在锁定的cookie,是就显示输入密码,输入密码正确后清除cookie

 <div id="dvContent">内容<br />内容<br />内容<br />内容<br />内容<br />内容</div>
 <div id="dvPassword" style="display:none">输入密码:<input type="password" id="txtPwd" /><input type="button" value="确定" onclick="check()"/></div>
<script>
    if (document.cookie.indexOf('lock=1') != -1) ShowContent(false);
    var delay = 10 * 1000,timer;//10s后锁定,修改delay为你需要的时间,单位毫秒
    function startTimer() {
        clearTimeout(timer);
        timer = setTimeout(TimerHandler, delay);
    }
    function TimerHandler() {
        document.cookie = 'lock=1';
        document.onmousemove = null;//锁定后移除鼠标移动事件
        ShowContent(false);
    }
    function ShowContent(show) {
        document.getElementById('dvContent').style.display = show ? 'block' : 'none';
        document.getElementById('dvPassword').style.display = show ? 'none' : 'block';
    }
    function check() {
        if (document.getElementById('txtPwd').value == '123') {
            document.cookie = 'lock=0';
            ShowContent(true);
            startTimer()//重新计时
            document.onmousemove = startTimer; //重新绑定鼠标移动事件
        }


        else alert('密码不正确!!');
    }
    window.onload = function () {
        document.onmousemove = startTimer;
        startTimer();
    }
</script>

+
[解决办法]
求网页锁定的办法,该怎么处理
[解决办法]
引用:
没有读取cookie
现在的做法是将cookie重设了新值 ,然后在服务端判断的.
如果值为不锁定,则在服务端清除这个cookie,
然后再发一个隐藏域,页面根据这个值来判断是否锁定页面,

因为不知道在页面上使用JS,怎么有效的读取cookie,所以采用了这个办法 


内存cookie最好设置这个cookie值为其他的,如lock=1表示锁定,然后设置lock=0或者其他值,removecookie好像删除不掉有些时候。。

热点排行