锁定页面大概的代码如下:
<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一毛钱关系也木有~ 发到这个分类下是不正确滴~ 其他编程语言比较合适...