当前位置: 代码迷 >> JavaScript >> 怎么让整个页面不可用
  详细解决方案

怎么让整个页面不可用

热度:19   发布时间:2012-03-25 20:55:17.0
如何让整个页面不可用?
disabled设为true可以变成灰色
但是还可以响应各种事件,可以点击

如果让页面不可用,就像弹出了模态对话框那样

------解决方案--------------------
用一个Iframe把屏幕占满
------解决方案--------------------
用div把整个页面盖住就行.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " xml:lang= "zh-CN " lang= "zh-CN ">
<head>
<meta name= "verify-v1 " content= "P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8= " />
<title>
政策文件_中国电力工程造价信息网 </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<meta http-equiv= "Content-Language " content= "gb2312 " />
<meta name= "KeyWords " content= "电力工程造价,价格信息,装材,设备,电力工程 " />
<meta name= "description " content= "电力工程造价信息 " />
<style type= "text/css ">
*{
margin:0;padding:0;
}
</style>
</head>
<body>


<div class= "cecmbody " id= "cecmpolicy ">
<div class= "leftClass ">

<p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<input type= "button " value= "点击这里 " onclick= "sAlert( 'Microsoft Windows XP ',this); " /> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>
<p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p>

</div>


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

function sAlert(txt){
var eSrc=(document.all)?window.event.srcElement:arguments[1];
var shield = document.createElement( "DIV ");
shield.id = "shield ";
shield.style.position = "absolute ";
shield.style.left = "0px ";
  相关解决方案