关于在ie8浏览器下碰到的一些兼容问题

、ie8浏览器下form表单提交两次

---

如果 input按钮 type=”submit”那么你在js里这样提交

    /**
     *新建保存.
     */
    function saveAccess(type) {

        var port = $("#port").val();

        var sourceIp = $("#sourceIp").val();
        var taskName = $("#taskName").val();
        var targetIp = $("#targetIp").val();
        if (port != null && port != "" || sourceIp != null && sourceIp != ""
                || targetIp != null && targetIp != "" ||
                taskName !=null && taskName!="") {
        //如果使用这句话
        document.getElementById("accessControl").submit();

        } else {

            return false;
        }

    }

那么此时form表单会提交两次请求,这样如果你在保存的时候如果没做处理可能会保存两次同样的东西,解决方法就是再使用type=”submit”的时候 js里不需要写 document.getElementById("accessControl").submit();
如果type=”button”就需要写这句代码。

二、关于ie8浏览器textarea文本框限制字数

针对字数限制在ie8浏览器下使用maxlength属性不起作用,
这样如果希望同时兼容ie8和谷歌、火狐浏览器的情况下的解决方法就是
在textarea标签内加入下面这句代码

onpropertychange="if(value.length>100) value=value.substr(0,100)"

三、关于在ie8浏览器下内层div不能撑起外层div的问题

这样写在ie8下就会出现问题外层div的高度不会随着内层div的高度而改变

<div class="content">
    <div class="a"></div>

</div>

在css中加入这句代码

.content {
    display: table;
}