关于禁用html页面，为不可编辑的问题！ 急。。。(100分求助)


如题：  现有一个html 页面，我希望 用一段js 脚本能把html 页面变为不可编辑(页面上的任何内容都不能变)...
    望各位帮忙，感激不尽！(注：html 由几个不同的div组成)

解决方案 »

  1.   


    就是有一个 html 页面，现在我需要 用 js脚本 来控置 这个 页面 不能编辑..包括页面上的所有控件！
      

  2.   

    onmousedown="return false"
    如果只是文本框.把属性设置成只读就好.
      

  3.   

    用一张透明的gif图片把页面遮住<script>
    window.onload=function(){
    var img = document.createElement("img");
    img.src = "images/1x1.gif";
    img.style.position = "absolute";
    img.style.zIndex = 1000;
    img.style.left = 0;
    img.style.top = 0;
    img.style.width = document.body.clientWidth;
    img.style.height = document.body.clientHeight;
    document.body.appendChild(img);
    }
    </script>
      

  4.   

    个人觉得：放个div上去，就可以了,最好放个图片，设个透明度，看起来更像是禁用的效果。
    <div id="notWrite" style="width:100%;position:absolute;left:0;top:0;z-index:1000"><img src="demo.png"></img></div>
    说明下：图片的大小和你的页面大小一致哈。
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <head>
    <script>
    var cover =mydiv= null;
    window.onload = function() {
      cover=document.getElementById('coverdiv');
      cover.style.width = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px";
      cover.style.height = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"
      cover.style.display = "none";  mydiv = document.getElementById('mydiv');
      with (mydiv){
        style.width = document.documentElement.scrollHeight/2+"px";
        style.height = document.documentElement.scrollHeight/10+"px";
        style.left = (document.documentElement.scrollWidth - mydiv.offsetWidth)/2+"px";
        style.top = (document.documentElement.scrollHeight - mydiv.offsetHeight)/2+"px";    style.display = "none";
      }
    }function disableIt(){
      mydiv.style.display =cover.style.display = '';
      //setTimeout('closeit()',3000);
    }function closeit(){
      alert('处理完毕！')
      mydiv.style.display =cover.style.display = 'none';
    }</script>
    </head>
    <BODY>
    <div id='coverdiv' style="filter:alpha(opacity=20);Opacity:0.2; background-color:#aaaaaa; position:absolute; left:0px; top:0px;"> </div>
    <div id='mydiv' style="border:1px solid #666666 ; padding:10px; position:absolute; background-color:#FFFEFF;text-align:center">
    正在处理数据，请稍候... <br>
    </div><input value='点击看看效果' type="button" onclick="javascript:disableIt();" /></BODY> </HTML>
      

  6.   

    不要图片，就这样好了，只不过用户不知道你的页面是被禁止的，看不出来，但是不能点击，最好说明下吧？
    <div id="notWrite" style="width:100%;height:你的页面的高度;position:absolute;left:0;top:0;z-index:1000">&nbsp;</div>
    就这样就可以了
      

  7.   

    ps:height:100%,好像不能用，我记得是这样，所以这个是个问题，如果你的页面高度会变化，就得注意，动态调整你这个禁用的div的高度了，用js控制下就好
    另：width:100%如果一开始没有滚动条，但是后来又滚动条，也要注意，往右啦后，部分内容是可以点击的，因为这个width：100%小了
    如果要考虑这些，还得用js脚本控制下更好。
      

  8.   

    唯一的办法就是变成图片， -。- 别人还是可以通过浏览器的缓存中的HTML字节流还是能读取文字内容的。 如果你是做小说、论文类网站，只能搞附件形式来保证不被编辑或者拷贝的。