部分函数

function addLoadEvent(func){
    var oldonload=window.onload;
    if(typeof window.onload !='function'){
        window.onload=func;
    }else{
        window.onload=function(){
            oldonload();
            func();
        }
    }
}//在页面加载完毕时执行函数,需要执行的函数以addLoadEvent(函数名)放在后面

页面加载完毕时执行函数

 

function insertAfter(newElement,targetElement){//被插入的新元素，目标元素
    var parent=targetElement.parentNode;//把目标元素的parentNode属性值保存到变量parent里
    if(parent.lastChild==targetElement){//检查目标元素是不是parent的最后一个子元素 
        parent.appendChild(newElement);//是就把新元素追加到parent上
    }else{
        parent.insertBefore(newElement,targetElement.nextSibling);//不是就插到目标元素和目标元素的下一个兄弟元素之间
    }
}

insertAfter函数

 

function addClass(element,value){
    if(!element.className){
        element.className=value;
    }else{
        newClassName=element.className;
        newClassName+=" ";
        newClassName+=value;
        element.className=newClassName;
    }
}//对className属性赋值

对className属性赋值

 

function focusLabels(){
    if(!document.getElementsByTagName)return false;
    var labels=document.getElementsByTagName("label");
    for(var i=0;i<labels.length;i++){
        if(!labels[i].getAttribute("for"))continue;
        labels[i].onclick=function(){
            var id=this.Attribute("for");
            if(!document.getElementById(id))return false;
            var element=document.getElementById(id);
            element.focus();
        }
    }
}
addLoadEvent(focusLabels);//单机label会使相应的表单获得焦点

单机label使相应表单获得焦点

 

function resetFields(whichform){
    if(!Modernizr.input.placeholder)return;
    for (var i=0;i<whichform.elements.length;i++){
        var element=whichform.elements[i];
        if(!element.type=="submit")continue;
        var check=element.placeholder||element.getAttribute('placeholder');
        if(!check)continue;
        element.onfocus=function(){
            var text=this.placeholder||this.getAttribute('placeholder');
            if(this.value==text){
                this.className='';
                this.value='';
            }
        }
        element.onblur=function(){
            if(this.value==""){
                this.className='placeholder';
                this.value=this.placeholder||this.getAttribute('placeholder');
            }
        }
        element.onblur();
    }
}
function prepareForms(){
    for(var i=0;i<document.forms.length;i++){
        var thisform=document.forms[i];
        resetFields(thisform);
    }
}
addLoadEvent(prepareForms);//占位符

表单占位符