在使用JS框架之前自己写的一些工具代码

简介:
// vb2005xu@sina.com版权所有 (*^__^*) 嘻嘻……  
  
// function -- Debug  
function  debug(msg)  
{  
    
if  (msg  ==  undefined)  
    {  
        msg 
=   ' Not Parameter '  ;  
    }  
    alert(
' Debug:  '   +  msg);  
}  
  
// function -- DOM  
function  $(id){ return  document.getElementById(id);}  
function  $name(ids){ return  document.getElementsByName(ids);}  
  
// function -- 操作 隐藏/显示 ; 禁用/恢复  
function  hide(obj){obj.style.display = "" ;}  
function  unhide(obj){obj.style.display = " none " ;}  
function  lock(obj){obj.disabled = " disabled " ;}  
function  unlock(obj){obj.disabled = "" ;}  
function  getFocus(obj){obj.focus();}  
function  setSelect(obj){obj.select();}  
  
// function -- Form 控件操作  
function  unlockTextInput(id){ var  obj = $(id);unlock(obj);getFocus(obj);setSelect(obj);}  
function  unlockSelectOption(id){ var  obj = $(id);unlock(obj);getFocus(obj);}  
function  checkboxVarity(ids)  // 验证多选框有无选中  
{  
    
var  checkboxobj  =  $name(ids);  
    
var  selectState  =   false     ;  
    
for (i  =   0  ; i  <  checkboxobj.length ; i ++  )  
    {  
       
if  (checkboxobj[i].checked)  
       {  
            selectState 
=   true  ;  
            
break  ;  
       }  
    }  
    
return  selectState ;  
}  
  
// function -- Cookie  
function  createCookie(name, value, days) {  
    
var  expires  =   '' ;  
    
if  (days) {  
        
var  date  =   new  Date();  
        date.setTime(date.getTime() 
+  (days * 24 * 60 * 60 * 1000 ));  
        
var  expires  =   ' ; expires= '   +  date.toGMTString();  
    }  
    document.cookie 
=  name  +   ' = '   +  value  +  expires  +   ' ; path=/ ' ;  
}  
function  readCookie(name) {  
    
var  cookieCrumbs  =  document.cookie.split( ' ; ' );  
    
var  nameToFind  =  name  +   ' = ' ;  
    
for  ( var  i  =   0 ; i  <  cookieCrumbs.length; i ++ ) {  
        
var  crumb  =  cookieCrumbs[i];  
        
while  (crumb.charAt( 0 ==   '   ' ) {  
            crumb 
=  crumb.substring( 1 , crumb.length);  /*  delete spaces  */   
        }  
        
if  (crumb.indexOf(nameToFind)  ==   0 ) {  
            
return  crumb.substring(nameToFind.length, crumb.length);  
        }  
    }  
    
return   null ;  
}  
function  eraseCookie(name) {  
    createCookie(name, 
'' - 1 );  
}  
  
  
// function -- Base64  
function  stringToBase64(string, padchar) {  
    
return  window.btoa(string);  
}  
  
function  base64ToString(string) {  
    string 
=  string.replace( / \s+ / g,  "" );  
    
return  window.atob(string);  
}  
  
// function -- 操作Table  
function  getCurrentLineIndex(id){ var  obj = $(id); return  obj.rowIndex;}  
function  getCurrentColumnIndex(id){ var  obj = $(id); return  obj.cellIndex;}  
  
  
// function -- 操作Code  
function  codeHightLight(id){ var  obj = $(id);obj.style.background = ' #fff ' ;}  
  
// Ajax  
      
        
// define a bool paramter to check IE instance  
         var  xmlhttp  =   false  ;  
  
        
// check client brower is IE  
         try  {  
            
//  If javascript is greater than 5  
            xmlhttp  =   new  ActiveXObject( " MSXML2.XMLHTTP " );  
            
// alert("You are using Microsoft Internet Explorer .");  
        }  
        
catch  (e){  
            
// else will use ActiveXObject older version  
             try  {  
                xmlhttp 
=   new  ActiveXObject( " Microsoft.XMLHTTP " );  
                
// alert("You are using old Microsoft Internet Explorer .");  
            }  
            
catch  (e){  
                 
// using brower is no IE.  
                 xmlhttp  =   false  ;  
            }  
        }  
        
if  ( ! xmlhttp  &&   typeof  XMLHttpRequest  !=   ' undefined ' ) {  
            xmlhttp 
=   new  XMLHttpRequest();  
            
// alert("You are not using Microsoft Internet Explorer .");  
        }  
        
function  appendText(obj,xmlhttp)  
        {  
            
if  (xmlhttp.readyState  ==   4   &&  xmlhttp.status  ==   200  ){  
                    obj.innerHTML 
=  xmlhttp.responseText ;  
            }  
        }  
        
function  makerequest(serverpage,objID)  
        {  
             
var  obj  =  document.getElementById(objID);  
             xmlhttp.open(
" GET " ,serverpage);  
  
             xmlhttp.onreadystatechange 
=  appendText(obj,xmlhttp) ;  
             xmlhttp.send(
null ) ;  
        }  
  
/*
 * ################### 
 * ###################        Lalestory 项目中抽取出来的JS功能函数--作者: 许消寒 
 * ################### 
 
*/    
  
/*
 * 功能:判断一个字符串是否为空字符串 
 * 参数:str 检验值 
 * 返回:TRUE OR FALSE 
 
*/   
function  isBlank(str){  
  
if (str.length  <   1 ){  
    
return   true ;  
  }  
  
  
for (i  =   0 ; i  <  str.length; i  ++ ){  
    
if (str.substring(i, i  +   1 !=   '   ' ){  
      
return   false ;  
    }  
  }  
    
  
return   true ;  
}  
  
  
/*
 * 功能:检验长度是否正确 
 * 参数:str 检验值,minlen 最小长度,maxlen 最大长度 
 * 返回:TRUE OR FALSE 
 
*/   
function  checkByteLength(str,minlen,maxlen) {  
    
if  (str  ==   null return   false ;                                   // 为空返回false  
     var  l  =  str.length;  
    
var  blen  =   0 ;  
    
for (i = 0 ; i < l; i ++ ) {                                      // 循环取得检验值的长度  
         if  ((str.charCodeAt(i)  &   0xff00 !=   0 ) {  
            blen 
++ ;  
        }  
        blen 
++ ;  
    }  
    
if  (blen  >  maxlen  ||  blen  <  minlen) {                          // 判断长度是否合法  
         return   false ;  
    }  
    
return   true ;  
}  
/*
 * 功能:检验用户名是否合法 
 * 参数:value 检验值 
 * 返回:TRUE OR FALSE 
 
*/   
function  validateUsername(value){  
    
var  patn  =   / ^[a-zA-Z]+[a-zA-Z0-9]+$ / ;   
    
// var patn = /^[^\s]*$/;  
     if ( ! checkByteLength(value, 4 , 20 ))  return   true ;                    // 判断长度是否合法  
     if ( ! patn.test(value)){                                       // 判断格式是否合法  
         return   true ;  
    }  
    
return   false ;   
}  
  
  
/*
 * 功能:检验登陆或者注册的用户名 -- 用户名称至少为4个字符,但是少于20个字符 
 * 参数:value 检验值 
 * 返回:TRUE OR FALSE 
 
*/   
function  checkUserName(value)  
{  
    
if (value  ==   '' )                                          // 判断用户名是否为空,返回false  
    {  
        
return   false ;  
    }  
    
if (validateUsername(value))                              // 判断用户名是否合法  
    {  
        
return   false ;  
    }  
    
return   true ;  
}  
  
  
/*
 * 功能:检验Email是否合法 
 * 参数:value 检验值 
 * 返回:TRUE OR FALSE 
 
*/   
function  validateEmail(value){  
    
var  patn = / ^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$ / ;  
    
if ( ! patn.test(value))  return   false ;                              // 判断Email是否合法  
     return   true ;  
}  
/*
 * 功能:检验Email 
 * 参数:value 检验值 
 * 返回:TRUE OR FALSE 
 
*/   
function  CheckEmail(value)  
{  
    
if (value  ==   '' )                                          // 判断Email是否为空  
    {  
        
return   false ;  
    }  
    
if ( ! validateEmail(value))                                    // 判断Email是否合法  
    {  
        
return   false   
    }  
    
return   true ;  
}  
  
/*
 * 功能: 检验是否包含特殊字符 
 * 参数:value 检验值 
 * 返回:TRUE OR FALSE 
 
*/    
function  validateSpecSymbol(value) {  
    
return   true  ; // ! /^[a-zA-Z0-9\u4E00-\u9FA5#\]*$/.test(value);  
}  
  
/*
 * 功能: 检验是否包含特殊字符 
 * 参数:value 检验值 
 * 返回:TRUE OR FALSE 
 
*/   
  
function  CheckSpecSymbol(value)  
{  
    
if (value  ==   '' )                                          // 判断Email是否为空  
    {  
        
return   false ;  
    }  
    
if ( ! validateSpecSymbol(value))                                   // 判断Email是否合法  
    {  
        
return   false  ;  
    }  
    
return   true ;      
}   
/*
 * 功能: 返回指定颜色的文本 
 * 参数:content 文本 , colorValue为颜色值 , cssClass 为CSS风格 
 * 返回:TRUE OR FALSE 
  
*/   
 
function  getSpeciColorText(content,size,colorValue,cssClass)  
 {  
     
var  str  =   " <font size=' "   +  size  +   " ' class=' "  ;  
     str 
+=   cssClass  +   " ' color=' "   
     str 
+=  colorValue  +   " '> "  ;  
     str 
+=  content  +   " </font> "  ;  
     
return  str ;  
 }  
 
/*
  * 功能: 在指定的页面标签后放入一张图片 
  * 参数:parentTagName为指定的页面标签 ,imgsrc为图片路径 
  * 返回:TRUE OR FALSE 
  
*/   
 
function  appendImg(parentTagName,imgsrc)  
 {  
     
// 接收 document.all.yourTagName  
      var  parentTag  =  document.getElementsByName(parentTagName)[ 0 ] ;  
     
var  str  =   " <img src=' "   +  imgsrc  +   " '> "  ;  
     parentTagName.innerHTML 
=  str ;  
 }  
   
   
 
/*  ################################## 在beijingextreme项目中的具体应用 ############################### */   
   
 
// function -- 操作层  
  function  $(elementID)  
 {  
     
return  document.getElementById(elementID) ;  
 }  
   
 
function  showDiv(divID)  
 {  
     
var  divId  =  $(divID) ;  
     divId.style.display 
=   ""  ;  
 }  
 
function  hideDiv(divID)  
 {  
     
var  divId  =  $(divID) ;  
     divId.style.display 
=   " none "  ;  
 }  
复制代码


本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/05/06/1728681.html,如需转载请自行联系原作者
目录
相关文章
|
18天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
24天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
|
1月前
|
开发框架 JavaScript 安全
js开发:请解释什么是Express框架,以及它在项目中的作用。
Express是Node.js的Web开发框架,简化路由管理,支持HTTP请求处理。它采用中间件系统增强功能,如日志和错误处理,集成多种模板引擎(EJS、Jade、Pug)用于HTML渲染,并提供安全中间件提升应用安全性。其可扩展性允许选用合适插件扩展功能,加速开发进程。
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
30 0
|
1月前
|
JavaScript 前端开发 测试技术
如何编写JavaScript模块化代码
如何编写JavaScript模块化代码
12 0
|
1月前
|
机器学习/深度学习 前端开发 JavaScript
实用的javascript代码分享
32个史上最有用的js代码
30 1
|
4天前
|
Web App开发 JavaScript 前端开发
JavaScript中的性能优化:代码优化技巧与性能分析工具
【4月更文挑战第22天】本文探讨JavaScript性能优化,包括代码优化技巧和性能分析工具。建议避免全局查找、减少DOM操作、使用事件委托、优化循环和异步编程以提升代码效率。推荐使用Chrome DevTools、Lighthouse和jsPerf等工具进行性能检测和优化。持续学习和实践是提升JavaScript应用性能的关键。
|
8天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
11 0
|
13天前
|
JavaScript 搜索推荐 测试技术
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
|
13天前
|
JavaScript 前端开发 API
框架分析(3)-Vue.js
框架分析(3)-Vue.js