javascript怎样锁定屏幕

JavaScript010

javascript怎样锁定屏幕,第1张

不知道楼主问的是锁定页面还是整个计算机屏幕,如果后者就别想了,js不可能有那么大的权限,如果是锁定页面倒是好解决,用DIV+iframe盖住即可,再做个DIV上放一个文本框供输入解锁密码,密码正确就隐藏该DIV++iframe

锁定页面大概的代码如下:

<script language="javascript">

document.onkeydown=function(){//Ctrl+A锁定页面

if((event.ctrlKey)&&(event.keyCode==65)){

lock()

event.returnValue=false}

}

function lock(){//alert("锁定")

document.getElementById("lock").style.display=""

document.body.scroll="no"

}

function ulock(psd){

if(psd=="123"){//密码为"123"

document.getElementById("lock").style.display="none"

document.body.scroll="auto"

}else{

alert("密码错误")

document.getElementById("psd").focus()

}

}

</script>

<DIV id="lock" style="z-index:10000background:#fffposition:absoluteleft:0top:0display:none">

<div>

请输入密码解锁:

<input type="text" id=psd />

<input type="submit" value="确定" onclick="ulock(document.getElementById('psd').value)"></div>

<iframe style="width:10000pxheight:10000px"></iframe>

</div>

以上代码只提供一种思路,还有很多细节应该注意到:比如屏蔽刷新和一些快捷键等,还有界面的美化等。

祝好运!

我写了一下 iframe框架下 测试是可以的 代码要分别放在 主页和调用页面 你可以先建两个文件 测试一下 然后慢慢看看 应该能看的懂记得修改iframe调用文件的路径

下面这段是放在主页的

<html>

<style>

#login{

display : none

position : absolute

left : 200px

top : 200px

background-color : #fff

width : 200px

height : 200px

z-index : 3 }

#shadow{

display : none

position : absolute

left : 0px

top : 0px

background-color : #000

width : 800px

height : 600px

z-index : 2

filter:alpha(opacity=60)

-moz-opacity:.60

opacity:0.6

}

</style>

<iframe src="./form.php" width="400" height="300">

</iframe>

<div id="login">

<input type="button" onclick="notshow()" value="隐藏">

</div>

<div id="shadow"></div>

<script>

var nowlogin = document.getElementById('login')

var nowshadow = document.getElementById('shadow')

function notshow()

{

nowlogin.style.display="none"

nowshadow.style.display="none"

}

</script>

</body>

</html>

这一段是放在被包含页面的

<style>

#main{

background-color : green

width : 800px

height : 600px

z-index : 1 }

#login{

display : none

position : absolute

left : 200px

top : 200px

background-color : #fff

width : 200px

height : 200px

z-index : 3 }

</style>

<body>

<div id="main">

<input type="button" onclick="show()" value="显示">

</div>

</body>

<script language="javascript" type="text/javascript">

var main = document.getElementById('main')

var login = window.top.document.getElementById('login')

var shadow = window.top.document.getElementById('shadow')

function show(){

login.style.display="block"

shadow.style.display="block"

}

function notshow()

{

nowlogin.style.display="none"

nowshadow.style.display="none"

}

</script>

那什么~~ 我再补充一句js和java一毛钱关系也木有~ 发到这个分类下是不正确滴~ 其他编程语言比较合适...