javascript 常用自定义方法

javascript 常用的自定义方法

(1)在页面获取cookie

//get value of cookie  
com.whuang.hsj.getCookie=function(cookieKey){  
    var cookies = document.cookie ? document.cookie.split('; ') : [];  
  
    for (var i = 0, l = cookies.length; i < l; i++) {  
        var parts = cookies[i].split('=');  
        if(parts && parts.length>1){  
            if(parts[0]==cookieKey||com.whuang.hsj.trim(parts[0])==cookieKey){  
                //username1=;  
                return parts[1];  
            }  
        }  
    }  
    return '';  
} ;

 应用场景:

window.onload=function(){
	var loginName22=com.whuang.hsj.$$one("username");
	loginName22.focus();

	//cookie的key是'userEmail'  
    username1=com.whuang.hsj.getCookie('userEmail');  
  
    //alert("username1:"+username1);  
    var issave222=com.whuang.hsj.$$one("issave");  
    if(username1 && username1!='' && username1!=null &&username1!=undefined){  
    	loginName22.value=username1;  
        issave222.checked=true;  
    }else{  
        issave222.checked=false;  
    }  
    
}

 

(2)startWith和endWith

com.whuang.hsj.startWith=function(str,regex){
	return str.indexOf(regex)==0;
};
com.whuang.hsj.startsWith=com.whuang.hsj.startWith;
com.whuang.hsj.endWith=function(str,regex){
	return str.lastIndexOf(regex)==str.length-regex.length;
};
com.whuang.hsj.endsWith=com.whuang.hsj.endWith;

com.whuang.hsj.endWithArray=function(str,array2){
	for ( var i = 0; i < array2.length; i++) {
		var arrOne = array2[i];
		if(com.whuang.hsj.endsWith(str,arrOne)){
			return true;
		}
	}
	return false;
};

 应用场景:上传图片时校验后缀名

var suffix22=['jpg','png','gif','Jpeg'];
		if(!com.whuang.hsj.endWithArray(uploadFile.value,suffix22)){
			alert("后缀名不对");
			return false;
		}

 

(3)设置错误信息(取代alert)

/***
error message
*/
com.whuang.hsj.setErrorMessage=function(obj,spanId,message,isBig){
 	if(obj.focus){//if include focus method
 		obj.focus();
 	}
	 
	 var leaveMessageResultSpan;
	 if (typeof spanId == 'string') {//if argument "spanId" just is a String
		leaveMessageResultSpan=com.whuang.hsj.$$id(spanId);
	 }else{
	 	leaveMessageResultSpan=spanId;
	 }
	 var styleClass;
	 if(isBig){
		 styleClass='errormessageBig';
	 }else{
		 styleClass='errormessage';
	 }
     // leaveMessageResultSpan.innerHTML="<span class='"+styleClass+"' >"+message+"</span>";
     leaveMessageResultSpan.innerHTML=message;
     leaveMessageResultSpan.className=styleClass;
     function cleanUp22(){
         leaveMessageResultSpan.innerHTML="";
      }
      setTimeout(cleanUp22,6000);
};

 应用场景:校验表单

var username22=com.whuang.hsj.$$one("username");
    /*if(!com.whuang.hsj.isHasValue( username22.value)){
        username22.focus();
        leaveMessageResultSpan.innerHTML="<span class='errormessageBig' >请填写您的姓名.</span>";
                   function cleanUp22(){
                       leaveMessageResultSpan.innerHTML="";
                    }
                    setTimeout(cleanUp22,3000);
                    return false;
    }*/
    var companyObj=com.whuang.hsj.$$one("company");
    if(!com.whuang.hsj.checkNullValue(companyObj,'leaveMessageResult','请填写您的单位名称.')){
        return ;
    }
    if(!com.whuang.hsj.checkNullValue(username22,'leaveMessageResult','请填写您的姓名.')){
    	return ;
    }
    
    var phoneObj=com.whuang.hsj.$$one("email");
    if(!com.whuang.hsj.checkNullValue(phoneObj,'leaveMessageResult','请填写您的电话.')){
        return ;
    }

    var object22=com.whuang.hsj.$$one("object");
    if(!com.whuang.hsj.checkNullValue(object22,'leaveMessageResult','请填写留言主题.')){
    	return ;
    }
    
    var content22=com.whuang.hsj.$$one("content");
    if(!com.whuang.hsj.checkNullValue(content22,'leaveMessageResult','请填写留言内容.')){
    	return ;
    }
    if(content22.value.length<10){
    	com.whuang.hsj.setErrorMessage(content22,"leaveMessageResult","你的留言内容太短了.");
    	return;
    }
    
    if(content22.value.length>5000){
    	com.whuang.hsj.setErrorMessage(content22,"leaveMessageResult","你的留言内容太长了.");
    	return;
    }
    

 

 错误信息过6秒钟会自动消失

 

(4)动态增加下拉框

function showProductSmallClass(osType,smallId,projectPath)
{
	var abc44=function (obj) {
//		alert(obj);
		var jsonObj2=eval("("+obj+")");
		//alert(obj)
		var productSmallClass_div_id= com.whuang.hsj.$$id("productSmallClass_div_id");
		var html="<select  name='smallClass.id'>";
		 html+="<option  value=\'-1\' text=\'--请选择--\' >--请选择--</option>";
		for(osvId in jsonObj2){
			//alert(osvId);
			var osvVersion=jsonObj2[osvId];
			html+="<option ";
			if(smallId&&smallId!=undefined && smallId!='' && smallId==osvId){
				html+="selected=\"selected\" ";
			}
			html+=" value=\'"+osvId+"\' text=\'"+osvVersion+"\' id='productSmallClass_"+osvId+"\'>";
            html+=osvVersion+"</option>";
		 }
		html+="</select>";
		productSmallClass_div_id.innerHTML=html;
	};
	if(projectPath.lastIndexOf('/')!=projectPath.length-1){
		projectPath=projectPath+"/";
	}
	var url2=projectPath+"productSmallClass/json";
	//alert(url2);
	var xmlhw5=new XMLHttpHuangWei(url2, "productItemclassId="+osType,abc44);
	xmlhw5.XMLGetMethod();

}

 

(5)动态增加一个按钮,并指定click响应事件

com.whuang.hsj.addButton = function(parent22, onClickMethod) {
	var newInput = document.createElement("input");
	newInput.type = "button";
	buttonTd.appendChild(newInput);
	newInput.onclick = onClickMethod;
	return newInput;
};

 

(6)通过name获取单个对象

/***
 * if is radio ,please use com.whuang.hsj.$$arr
 * @param name22
 * @returns
 */
com.whuang.hsj.$$one = function(name22) {
	if (com.whuang.hsj.isHasValue(name22)) {
		var names222=document.getElementsByName(name22);
		//alert("names222:"+names222);
		//alert("typeof:"+(typeof names222 ));
		var className=Object.prototype.toString.call(names222);
		var boolean_isArray;
		var ieHtmlCollection='[object HTMLCollection]';
		if(isIEtest)//if browser is IE
		{
                 boolean_isArray=( className=== '[object Object]') ||(className=== ieHtmlCollection) ||names222 instanceof Array ;
		}else
		{
                 boolean_isArray=( className=== '[object Array]') ||(className=== '[object NodeList]'  )||(className==ieHtmlCollection)||names222 instanceof Array||names222 instanceof NodeList;
		}
		if(names222){
             if(boolean_isArray){
                     return names222[0];
             }else{
                     return names222;//why add [0] ??
			}
		}else{
			return "";
		}
	} else {
		return "";
	}
};

 应用场景

var loginName22=com.whuang.hsj.$$one("username");
	if(!com.whuang.hsj.isHasValue(loginName22.value)){
		loginName22.focus();
		var li_info_id=com.whuang.hsj.$$id('li_info');
		li_info_id.innerHTML="<span class='errormessage'> 请填写用户名.</span>";
		function cleanUp22(){
			li_info_id.innerHTML="";
		}
		setTimeout(cleanUp22,4000);
		return false;
	}

(7) 弹出确认提示

/**
 * 
 * @param {Object}
 *            msg
 */
com.whuang.hsj.confirmDelete = function(msg) {
	if (!com.whuang.hsj.isHasValue(msg)) {
		msg = "Are you sure to delete ?";
	}
	var bl = confirm(msg);
	return bl;
};

 应用:

<a style="color:#fff;"
						href="<%=path%>/news/deleteOne?id=${news.id }&fsdf=${currentTime}"  
						onclick="return com.whuang.hsj.confirmDelete('确定要删除吗?')">删除</a>

 

(8)判断是否是数字

/***
* whether is digit,1.2 is allowed
*/
com.whuang.hsj.isNumber=function(int22){
	if(!int22 || int22==undefined){
		return false;
	}
	if( int22.match(/^[\d\\.]+$/i)){ 
    return true;
  }else{
    return false;
  }
};
/***
* whether is Integer,1.2 is not allowed
*/
com.whuang.hsj.isInteger=function(int22){
	if(!int22 || int22==undefined){
		return false;
	}
	if( int22.match(/^[\d]+$/i)){ 
    return true;
  }else{
    return false;
  }
};

 应用:

var qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');
	var qrcodeSizeint=qrcodeSizeObj.value;
	if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){
		qrcodeSizeObj.focus();
		alert('请输入像素大小.');
		return ;
	}
	var isDigit=com.whuang.hsj.isInteger(qrcodeSizeint);
	if(!isDigit){
		qrcodeSizeObj.focus();
		alert('请输入数字[100-1000]');
		return;
	}

 

(9)contains方法

contains=function(source,key2){
	var isDownload=(source.indexOf(key2)>-1);
	if(isDownload){
		return true;
	}else{
		return false;
	}
}

 

(10)使用jQuery给div增加子元素

 var widthStr="400px";
        var heightStr="250px";
        var childElement="<img src=\""+imgSic+"\"  width=\""+widthStr+"\"  height=\""+heightStr+"\" />";
        // alert(childElement);
        $("#loadPanel").html(childElement);

 

(11)使用jQuery给div增加事件

 $("#loadPanel").click(function(){
            hideLoadPanel();
        });

 

(12)使用this获取元素本身

<img src="a.jpg" height="160px"  width="250px"  onclick="viewBigPic(this,event)" />

 

function viewBigPic(img333,event){
                    imgSrc=img333.src;
					// alert(imgSrc);
                    var moveTop22 = parseInt(img333.offsetHeight  );
                    var moveLeft22 = parseInt(img333.offsetLeft );
                    // alert(moveTop22+"  ,  "+moveLeft22);
                    showLoadPanel(imgSrc,moveTop22,moveLeft22);
				}

 

 

可以参阅:http://hw1287789687.iteye.com/blog/2124945

http://hw1287789687.iteye.com/blog/2114086

http://hw1287789687.iteye.com/blog/2128476

相关代码见附件