把整个页面中的内容设置成只读，不可编辑

最新推荐文章于 2021-08-24 11:39:41 发布

weixin_30555125

最新推荐文章于 2021-08-24 11:39:41 发布

阅读量1.4k

点赞数

文章标签： javascript c# 开发工具 ViewUI

原文链接：http://www.cnblogs.com/miny-simp/p/6500835.html

版权

方法一：

比较先进的方法是在body体内加个div，设置其style的index值最大，比如9999，结合css和div技术可以实现当前页面上浮一个透明层，这样用户就不能操作了。

<body bgcolor="#ff0ddd">
<div id="Layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)"> powered by xty_zyn
<table width="96%" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
          <tr>
            <td height="25" bgcolor="#f5f5f5" class="13">你也可以在这里插入图片</td>
</tr>
<tr>
            <td height="20" bgcolor="#f5f5f5" class="12">你想注册地图名片吗</td>
</tr>
<tr>
            <td height="20" bgcolor="#f5f5f5" class="12">http://mc.mapabc.com</td>
</tr>
<tr>
            <td height="20" bgcolor="#f5f5f5" class="12">EMAIL:lipeng@mapabc.com</td>
</tr>
<tr>
            <td height="20" bgcolor="#f5f5f5" class="12">地址</td>
</tr>
<tr>
            <td height="20" bgcolor="#f5f5f5" class="12">邮编</td>
</tr>
</table>

</div>

方法二：

比较彻底的方法，是遍历所有表单元素将其disabled，这个用jquery一个方法就能搞定。至于楼上兄弟提出的readonly属性，只对文本框、文本区域有效，对下拉框等表单元素无效。

<script type= "text/javascript>

$(function(){

$("input").attr("disabled",true);

});

</script>

当然了，如果你不用jquery，原生态javascript可以这么写:

document.getElementsByTagName("input").disabled = true;

转载于:https://www.cnblogs.com/miny-simp/p/6500835.html

weixin_30555125

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
把整个页面中的内容设置成只读，不可编辑

方法一：比较先进的方法是在body体内加个div，设置其style的index值最大，比如9999，结合css和div技术可以实现当前页面上浮一个透明层，这样用户就不能操作了。 <bodybgcolor="#ff0ddd"><divid="Layer1"style="position:absolute;width:260px;height:11...
复制链接

扫一扫