前台技术--页面只读JS写法

浏览数：20 / 时间：2015年06月09日

针对开发页面查看功能时，页面的所有空间都应该是只读的，例如使用 readonly，disabled等等来做处理。

如果一个个空间的去屑耗时又耗力，在网上查了下写了一个通用的JS方法，可以遍历页面控件元素，然后做只读处理，分享下：

代码如下：

// 页面控件都改为只读
function showInit() {
    var inputArr = document.forms[0];
    for (var i = 0; i < inputArr.length; i++) {
        if (inputArr[i].type.toUpperCase() == "BUTTON") {
            inputArr[i].disabled = "false";
        } else if (inputArr[i].type.toUpperCase() == "FILE") {
            inputArr[i].readonly = true;
        } else if (inputArr[i].type.toUpperCase() == "CHECKBOX") {
            inputArr[i].disabled = "false";
        } else if (inputArr[i].type.toUpperCase() == "RADIO") {
            inputArr[i].disabled = "false";
        } else if (inputArr[i].type.toUpperCase() == "SELECT-ONE") {
            inputArr[i].disabled = "false";
        } else if (inputArr[i].type.toUpperCase() == "SELECT-MULTIPLE") {
            inputArr[i].disabled = "false";
        }
    }
}

可以在JSP代码中加入<body onload="showInit()" />来加载JS。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

前台技术--页面只读JS写法