Javascript,CSS,页面设计

来源：互联网发布：写字楼网络设计方案编辑：程序博客网时间：2024/05/17 02:24

说明：包含Javascript,CSS,页面设计，我会把一些需要分享的内容不定期更新到这个帖子中，整理到够一次培训的时候再做整体培训

1) 客户端string连接方法，对于大数据量的字符串连接不要直接适用“+=”的方式，而要改用数组去实现，这样效率会高出很多倍，具体实现如下

var strHtml = "<input type='text' value='' />";
var strArr = [];
for(var i = 0; i>1000; i++){
      strArr[i] = strHtml;
 }
 $("testDiv").innerHTML = strArr.join('').toString();

2）对于web系统表单验证 输入限制一直是一个非常繁琐的问题，提供一段非常有意思的代码，发挥你的想象力，或许可以得出更多的方案
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
    <script type="text/javascript">
    //inputControl v 1.00
    inputControl={
        rules:{},
        addRules:function(formName,controlObj){
            this.rules[formName]=controlObj;
            this.init(formName);
        },
        init:function(formName){
            if(!document || !document.forms || !document.forms[formName]){
                setTimeout('inputControl.init("'+formName+'")',200);
                return;
            };
            var f=document.forms[formName];
            var r=this.rules[formName];
            for(var i in r){
                var e=f.elements[i];
                if(!e){continue};
                if(e.type!="text" && e.type!="textarea"){continue};
                e.onkeypress=function(e){
                    var key=window.event?event.keyCode:e.which;
                    if(key<13){return true};
                    var keychar=String.fromCharCode(key);
                    var reg=new RegExp(r[this.name]);
                    return reg.test(keychar)
                }
            }
        }
    }

    </script>
    <script type="text/javascript">
        addSomeRules=function(){
            inputControl.addRules(
                "myForm",
                {
                    "alphas"  :  "[a-zA-ZüÜéè]",
                    "numerics"   :  "[0-9/.]"        
                }
            )
        }
        afterAllOnLoad=function(){
            alert("test");
            if(!window["Safari"]){
                addSomeRules()
            }
            else {
                setTimeout("addSomeRules()",1000)
            }
        }
    </script>
</head>
<body>

    <form class="treb" name="myForm" style="margin:0px">
        除数字外: <br/><input type="text" name="alphas"><br/>
        只有数字:<br/><input type="text" name="numerics">
    </form>
    <script>
        afterAllOnLoad();
    </script>
</body>
</html>
这段代码并不够完善，想想看，还有什么地方可以改进？