针对开发页面查看功能时，页面的所有空间都应该是只读的，例如使用 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";
        }
    }
}

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