首先遍历页面上所有的input
objs=document.getElementsByTagName("input")
for(var i=0;i<objs.length;i++)
{
   objs[i].disabled=true
}

解决方案 »

  1.   

    采用别的方法能达到相同的效果,就是单击按钮之后,建立一个跟document一般大小的浮动div,然后把这个div的zIndex属性设置的高一点,这样就能达到这样的效果。而且现在实现这种功能的网站,好像都是采用这种途径。
      

  2.   

    to wideroad():这个方法我试过~但是没有成功~,可不可以给个最简单的能行的例子?
    to hbhbhbhbhb1021(天外水火(我要多努力)) :
    link <label>等等的CLICK怎么办?
      

  3.   

    TO  phrgd111(),jiangtao088(不够专业):
    如果你们要求不高的话可以用dojo的DIALOG的JS,缺点是似乎大小不能控制,至少我不知道怎么设. 
      

  4.   

    <body style="height:100%;">
    <input type="button" value="Disable" onClick="disablePage()"><div id="cover" style="background-color:#EEEEEE;"></div>
    <script>
    function disablePage(){
        document.getElementById("cover").style.position="absolute";
    document.getElementById("cover").style.top=0;
    document.getElementById("cover").style.left=0;
    document.getElementById("cover").style.width=window.screen.width-21;
    document.getElementById("cover").style.height=document.body.clientHeight+document.body.scrollHeight;
    document.getElementById("cover").style.zIndex=100;

    }
    </script>
    </body>
    ------------------------------
    you can use a transparent image to replace the div.
      

  5.   

    that's  what i want~ tks