javascript 常用自定义方法

JavaScript 常用的自定义方法

(1)在页面获取cookie

Js代码  

  1. //get value of cookie    
  2. com.whuang.hsj.getCookie=function(cookieKey){    
  3.     var cookies = document.cookie ? document.cookie.split('; ') : [];    
  4.     
  5.     for (var i = 0, l = cookies.length; i < l; i++) {    
  6.         var parts = cookies[i].split('=');    
  7.         if(parts && parts.length>1){    
  8.             if(parts[0]==cookieKey||com.whuang.hsj.trim(parts[0])==cookieKey){    
  9.                 //username1=;    
  10.                 return parts[1];    
  11.             }    
  12.         }    
  13.     }    
  14.     return '';    
  15. } ;  

 应用场景:

Js代码  

  1. window.onload=function(){  
  2.     var loginName22=com.whuang.hsj.$$one("username");  
  3.     loginName22.focus();  
  4.   
  5.     //cookie的key是'userEmail'    
  6.     username1=com.whuang.hsj.getCookie('userEmail');    
  7.     
  8.     //alert("username1:"+username1);    
  9.     var issave222=com.whuang.hsj.$$one("issave");    
  10.     if(username1 && username1!='' && username1!=null &&username1!=undefined){    
  11.         loginName22.value=username1;    
  12.         issave222.checked=true;    
  13.     }else{    
  14.         issave222.checked=false;    
  15.     }    
  16.       
  17. }  

 

(2)startWith和endWith

Js代码  

  1. com.whuang.hsj.startWith=function(str,regex){  
  2.     return str.indexOf(regex)==0;  
  3. };  
  4. com.whuang.hsj.startsWith=com.whuang.hsj.startWith;  
  5. com.whuang.hsj.endWith=function(str,regex){  
  6.     return str.lastIndexOf(regex)==str.length-regex.length;  
  7. };  
  8. com.whuang.hsj.endsWith=com.whuang.hsj.endWith;  
  9.   
  10. com.whuang.hsj.endWithArray=function(str,array2){  
  11.     for ( var i = 0; i < array2.length; i++) {  
  12.         var arrOne = array2[i];  
  13.         if(com.whuang.hsj.endsWith(str,arrOne)){  
  14.             return true;  
  15.         }  
  16.     }  
  17.     return false;  
  18. };  

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

Js代码  

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

 

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

Java代码  

  1. /*** 
  2. error message 
  3. */  
  4. com.whuang.hsj.setErrorMessage=function(obj,spanId,message,isBig){  
  5.     if(obj.focus){//if include focus method  
  6.         obj.focus();  
  7.     }  
  8.        
  9.      var leaveMessageResultSpan;  
  10.      if (typeof spanId == 'string') {//if argument "spanId" just is a String  
  11.         leaveMessageResultSpan=com.whuang.hsj.$$id(spanId);  
  12.      }else{  
  13.         leaveMessageResultSpan=spanId;  
  14.      }  
  15.      var styleClass;  
  16.      if(isBig){  
  17.          styleClass='errormessageBig';  
  18.      }else{  
  19.          styleClass='errormessage';  
  20.      }  
  21.      // leaveMessageResultSpan.innerHTML="<span class='"+styleClass+"' >"+message+"</span>";  
  22.      leaveMessageResultSpan.innerHTML=message;  
  23.      leaveMessageResultSpan.className=styleClass;  
  24.      function cleanUp22(){  
  25.          leaveMessageResultSpan.innerHTML="";  
  26.       }  
  27.       setTimeout(cleanUp22,6000);  
  28. };  

 应用场景:校验表单

Js代码  

  1. var username22=com.whuang.hsj.$$one("username");  
  2.     /*if(!com.whuang.hsj.isHasValue( username22.value)){ 
  3.         username22.focus(); 
  4.         leaveMessageResultSpan.innerHTML="<span class='errormessageBig' >请填写您的姓名.</span>"; 
  5.                    function cleanUp22(){ 
  6.                        leaveMessageResultSpan.innerHTML=""; 
  7.                     } 
  8.                     setTimeout(cleanUp22,3000); 
  9.                     return false; 
  10.     }*/  
  11.     var companyObj=com.whuang.hsj.$$one("company");  
  12.     if(!com.whuang.hsj.checkNullValue(companyObj,'leaveMessageResult','请填写您的单位名称.')){  
  13.         return ;  
  14.     }  
  15.     if(!com.whuang.hsj.checkNullValue(username22,'leaveMessageResult','请填写您的姓名.')){  
  16.         return ;  
  17.     }  
  18.       
  19.     var phoneObj=com.whuang.hsj.$$one("email");  
  20.     if(!com.whuang.hsj.checkNullValue(phoneObj,'leaveMessageResult','请填写您的电话.')){  
  21.         return ;  
  22.     }  
  23.   
  24.     var object22=com.whuang.hsj.$$one("object");  
  25.     if(!com.whuang.hsj.checkNullValue(object22,'leaveMessageResult','请填写留言主题.')){  
  26.         return ;  
  27.     }  
  28.       
  29.     var content22=com.whuang.hsj.$$one("content");  
  30.     if(!com.whuang.hsj.checkNullValue(content22,'leaveMessageResult','请填写留言内容.')){  
  31.         return ;  
  32.     }  
  33.     if(content22.value.length<10){  
  34.         com.whuang.hsj.setErrorMessage(content22,"leaveMessageResult","你的留言内容太短了.");  
  35.         return;  
  36.     }  
  37.       
  38.     if(content22.value.length>5000){  
  39.         com.whuang.hsj.setErrorMessage(content22,"leaveMessageResult","你的留言内容太长了.");  
  40.         return;  
  41.     }  
  42.       

 

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

 

(4)动态增加下拉框

Js代码  

  1. function showProductSmallClass(osType,smallId,projectPath)  
  2. {  
  3.     var abc44=function (obj) {  
  4. //      alert(obj);  
  5.         var jsonObj2=eval("("+obj+")");  
  6.         //alert(obj)  
  7.         var productSmallClass_div_id= com.whuang.hsj.$$id("productSmallClass_div_id");  
  8.         var html="<select  name='smallClass.id'>";  
  9.          html+="<option  value=\'-1\' text=\'--请选择--\' >--请选择--</option>";  
  10.         for(osvId in jsonObj2){  
  11.             //alert(osvId);  
  12.             var osvVersion=jsonObj2[osvId];  
  13.             html+="<option ";  
  14.             if(smallId&&smallId!=undefined && smallId!='' && smallId==osvId){  
  15.                 html+="selected=\"selected\" ";  
  16.             }  
  17.             html+=" value=\'"+osvId+"\' text=\'"+osvVersion+"\' id='productSmallClass_"+osvId+"\'>";  
  18.             html+=osvVersion+"</option>";  
  19.          }  
  20.         html+="</select>";  
  21.         productSmallClass_div_id.innerHTML=html;  
  22.     };  
  23.     if(projectPath.lastIndexOf('/')!=projectPath.length-1){  
  24.         projectPath=projectPath+"/";  
  25.     }  
  26.     var url2=projectPath+"productSmallClass/json";  
  27.     //alert(url2);  
  28.     var xmlhw5=new XMLHttpHuangWei(url2, "productItemclassId="+osType,abc44);  
  29.     xmlhw5.XMLGetMethod();  
  30.   
  31. }  

 

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

Js代码  

  1. com.whuang.hsj.addButton = function(parent22, onClickMethod) {  
  2.     var newInput = document.createElement("input");  
  3.     newInput.type = "button";  
  4.     buttonTd.appendChild(newInput);  
  5.     newInput.onclick = onClickMethod;  
  6.     return newInput;  
  7. };  

 

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

Js代码  

  1. /*** 
  2.  * if is radio ,please use com.whuang.hsj.$$arr 
  3.  * @param name22 
  4.  * @returns 
  5.  */  
  6. com.whuang.hsj.$$one = function(name22) {  
  7.     if (com.whuang.hsj.isHasValue(name22)) {  
  8.         var names222=document.getElementsByName(name22);  
  9.         //alert("names222:"+names222);  
  10.         //alert("typeof:"+(typeof names222 ));  
  11.         var className=Object.prototype.toString.call(names222);  
  12.         var boolean_isArray;  
  13.         var ieHtmlCollection='[object HTMLCollection]';  
  14.         if(isIEtest)//if browser is IE  
  15.         {  
  16.                  boolean_isArray=( className=== '[object Object]') ||(className=== ieHtmlCollection) ||names222 instanceof Array ;  
  17.         }else  
  18.         {  
  19.                  boolean_isArray=( className=== '[object Array]') ||(className=== '[object NodeList]'  )||(className==ieHtmlCollection)||names222 instanceof Array||names222 instanceof NodeList;  
  20.         }  
  21.         if(names222){  
  22.              if(boolean_isArray){  
  23.                      return names222[0];  
  24.              }else{  
  25.                      return names222;//why add [0] ??  
  26.             }  
  27.         }else{  
  28.             return "";  
  29.         }  
  30.     } else {  
  31.         return "";  
  32.     }  
  33. };  

 应用场景

Js代码  

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

(7) 弹出确认提示

Js代码  

  1. /** 
  2.  *  
  3.  * @param {Object} 
  4.  *            msg 
  5.  */  
  6. com.whuang.hsj.confirmDelete = function(msg) {  
  7.     if (!com.whuang.hsj.isHasValue(msg)) {  
  8.         msg = "Are you sure to delete ?";  
  9.     }  
  10.     var bl = confirm(msg);  
  11.     return bl;  
  12. };  

 应用:

Java代码  

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

 

(8)判断是否是数字

Js代码  

  1. /*** 
  2. * whether is digit,1.2 is allowed 
  3. */  
  4. com.whuang.hsj.isNumber=function(int22){  
  5.     if(!int22 || int22==undefined){  
  6.         return false;  
  7.     }  
  8.     if( int22.match(/^[\d\\.]+$/i)){   
  9.     return true;  
  10.   }else{  
  11.     return false;  
  12.   }  
  13. };  
  14. /*** 
  15. * whether is Integer,1.2 is not allowed 
  16. */  
  17. com.whuang.hsj.isInteger=function(int22){  
  18.     if(!int22 || int22==undefined){  
  19.         return false;  
  20.     }  
  21.     if( int22.match(/^[\d]+$/i)){   
  22.     return true;  
  23.   }else{  
  24.     return false;  
  25.   }  
  26. };  

 应用:

Js代码  

  1. var qrcodeSizeObj=com.whuang.hsj.$$id('qrcodeSize');  
  2.     var qrcodeSizeint=qrcodeSizeObj.value;  
  3.     if(!com.whuang.hsj.isHasValue(qrcodeSizeint)){  
  4.         qrcodeSizeObj.focus();  
  5.         alert('请输入像素大小.');  
  6.         return ;  
  7.     }  
  8.     var isDigit=com.whuang.hsj.isInteger(qrcodeSizeint);  
  9.     if(!isDigit){  
  10.         qrcodeSizeObj.focus();  
  11.         alert('请输入数字[100-1000]');  
  12.         return;  
  13.     }  

 

(9)contains方法

Js代码  

  1. contains=function(source,key2){  
  2.     var isDownload=(source.indexOf(key2)>-1);  
  3.     if(isDownload){  
  4.         return true;  
  5.     }else{  
  6.         return false;  
  7.     }  
  8. }  

 

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

Js代码  

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

 

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

Js代码  

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

 

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

Html代码  

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

 

Js代码  

  1. function viewBigPic(img333,event){  
  2.                     imgSrc=img333.src;  
  3.                     // alert(imgSrc);  
  4.                     var moveTop22 = parseInt(img333.offsetHeight  );  
  5.                     var moveLeft22 = parseInt(img333.offsetLeft );  
  6.                     // alert(moveTop22+"  ,  "+moveLeft22);  
  7.                     showLoadPanel(imgSrc,moveTop22,moveLeft22);  
  8.                 }  

 

时间： 2024-12-11 08:40:21

javascript 常用自定义方法的相关文章

JavaScript常用函数列表

JavaScript常用函数列表,方便自己查询. click()   对象.click()   使对象被点击.     closed   对象.closed   对象窗口是否已关闭true/false     clearTimeout(对象)   清除已设置的setTimeout对象     clearInterval(对象)   清除已设置的setInterval对象     confirm("提示信息")   弹出确认框,确定返回true取消返回false     cursor:样

Javascript常用小技巧汇总

  本文实例讲述了Javascript常用小技巧.分享给大家供大家参考.具体分析如下: 一.True 和 False 布尔表达式 下面的布尔表达式都返回 false: null undefined '' 空字符串 0 数字0 但小心下面的, 可都返回 true: '0' 字符串0 [] 空数组 {} 空对象 下面段比较糟糕的代码: 代码如下: while (x != null) { 你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false): 代码如下: while (x

推荐4个原生javascript常用的函数

 这篇文章主要介绍了推荐4个原生javascript常用的函数,需要的朋友可以参考下     [一]添加监听事件   代码如下: addHandler:function(node,type,fn){if(node.addEventListener){ node.addEventListener(type,fn,false); // false,设置为冒泡事件 } else{ node.attachEvent('on'+type,function(){ fn.apply(node,argument

JavaScript常用脚本汇总（二）

 本文给大家分享的javascript常用脚本有把JavaScript中的伪数组转换为真数组.JavaScript设置主页功能.JavaScript收藏功能.javascript检测元素是否支持某个属性代码.创建和使用命名空间,有需要的小伙伴们快来看看吧.     把JavaScript中的伪数组转换为真数组 在 JavaScript 中, 函数中的隐藏变量 arguments 和用 getElementsByTagName 获得的元素集合(NodeList)都不是真正的数组,不能使用 push

JavaScript常用脚本汇总（三）

 本文给大家分享的常用脚本有通过数组,拓展字符串拼接容易导致性能的问题.页面 视口 滚动条的位置的辅助函数.调节元素透明度的函数.获取鼠标位置的几个通用的函数.使用cssdisplay属性来切换元素可见性的一组函数.样式相关的通用函数.获取元素当前的高度和宽度.     通过数组,拓展字符串拼接容易导致性能的问题   代码如下: function StringBuffer() { this.__strings__ = new Array(); } StringBuffer.prototype.a

javascript常用的正则表达式实例_javascript技巧

小编之前整理了不少JavaScript常用的正则表达式实例,都是自己用的,现在放出来给大家分享下. 复制代码 代码如下: /*** 取得字符串的字节长度*/      function strlen(str)       {           var i;           var len;           len = 0;           for (i=0;i<str.length;i++)           {               if (str.charCodeAt(

JavaScript常用验证函数实例汇总_javascript技巧

本文实例汇总了JavaScript常用验证函数.分享给大家供大家参考.具体汇总如下: 一.字符串类验证 1. 长度限制 复制代码 代码如下: <script> function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } </script> <form name=a onsubmit=&

PHP和javascript常用正则表达式及用法实例_php实例

在计算机科学中,正则表达式用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串.在WEB开发中,正则表达式通常用来检测.查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符合规则的页面内容等等. 今天我们分别用PHP和Javscript向大家介绍WEB开发中最常用最实用的正则表达式及其用法,正则表达式是一门学科,不可能使用一篇文章来讲解完,理论的东西网上很多,有兴趣的同学可以搜一大把.不过你也许没必要去埋头学习琢磨不透的正则表达式,看本文和实例给您呈现常用.实用的正则

javascript常用的方法整理_javascript技巧

整理了一些JS的常用方法,包括验证啊,全选反选啊,ajax请求啊之类的,因为就是自己用的,写的都比较简单,就算抛砖引玉吧,喜欢的就拿去,不喜欢就拉到 Tools.min.js /** * JS公用类库文件 * 创建时间:2015-05-13 * 创建人:mction */ (function(){ var D = document; var W = window; var Postfix = '.php' var _Id = function(Id){return document.getEle