`

在使用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" ;
}


分享到:
评论

相关推荐

    js框架组件代码

    JavaScript框架组件代码是Web开发中的重要组成部分,它们用于构建交互性强、用户体验良好的前端应用。JavaScript是一种广泛使用的客户端脚本语言,常用于实现网页的动态功能和数据交互。在这个压缩包中,我们有三个...

    基于Vue.js框架的Web前端开发工具的设计与实现

    本课题利用Vue.js框架开发了一款前端开发工具,该工具可以辅助UI设计师和前端工程师进行页面设计工作,提髙前端开发的效率,减少前端工程师的工作量。 本文论述了该工具的设计和实现过程,该工具提供了页面...

    框架代码生成工具.net,java

    用户可以通过安装这个程序,在自己的开发环境中使用“框架代码生成工具.net,java”,享受它带来的便利。 总的来说,这样的代码生成工具是开发人员的得力助手,能够自动化处理一些重复性的编程任务,提高开发效率,...

    java转js工具

    Java到JavaScript转换工具有助于开发者将已有的Java代码库移植到JavaScript环境中,这在Web开发中尤其有用,因为JavaScript是浏览器端的主要脚本语言。这样的工具能够帮助开发者利用Java的强大功能来构建前端应用,...

    JS代码压缩工具

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级脚本语言,它的代码通常在浏览器端执行,用于增强用户体验和实现动态交互。然而,未经优化的JS代码可能会导致页面加载速度变慢,影响用户访问效率。为了提升...

    Javascript代码美化工具

    JS Beauty 是一款 Javascript 美化工具,它具有美化,净化,压缩和解压缩 Javascript 代码等功能: 1. 美化:将混乱的 Javascript 代码格式化为优美的带缩进的格式,适合阅读和修改。 2. 净化:去掉 Javascript ...

    Node.js入门源代码及开发工具

    Node.js是一种基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端使用JavaScript进行编程,从而打破了JavaScript只能在浏览器中运行的传统。本资源包包含了Node.js的入门源代码和开发工具,对于初学者...

    框架代码,完美测试,直接加入

    在使用框架时,我们需要先确保环境符合框架的要求,例如运行环境(如Node.js、Python、Java等)、依赖库和版本等。然后,根据README或文档中的指导进行安装,这通常涉及下载、解压、安装依赖和配置环境变量等步骤。...

    自定义JS类框架

    在JavaScript的世界里,类框架是开发者用来组织代码、提高可重用性和维护性的工具。"自定义JS类框架"指的是开发者根据自身需求,利用JavaScript语言特性(如原型链、闭包、模块化等)和jQuery库,构建的一种自定义的...

    html 后台框架代码

    1. 提高开发效率:后台框架提供了预定义的模板、组件和工具,简化了开发过程,减少了代码重复。 2. 结构化和组织代码:框架通过模块化和分层设计,使代码结构清晰,易于维护。 3. 强大的路由管理:后台框架通常包含...

    java 混淆、加密js代码

    Java混淆和加密JavaScript代码是保护Web应用程序源代码安全的重要手段,尤其是在公开发布或者与第三方共享时,能够防止恶意用户分析和篡改代码。本压缩包包含的资源专注于这个主题,让我们详细了解一下相关知识点。 ...

    cmd的框架代码

    用户可以下载这个框架包,然后在自己的项目中引入和使用,以便构建自己的命令行工具。 在压缩包中,虽然没有具体的文件名列表,但通常一个CMD框架包可能包含以下内容: 1. **框架源码**:通常是用某种编程语言(如...

    javascript常见的7个框架

    在 JavaScript 开发中,框架扮演着非常重要的角色。选择合适的框架可以提高开发效率,简化代码编写,提高应用程序的性能。在面试中,框架也是常被问到的题目之一。下面我们将详细介绍七个常见的 JavaScript 框架。 ...

    自己写的JS框架 SFS2.0

    在这个背景下,作者创建了自己的JS框架——SFS2.0,旨在提供更高效、更易于维护的代码结构,以及一套实用的工具方法。本文将详细解析SFS2.0的核心概念、设计原则和主要功能,以帮助读者理解和应用这个框架。 一、...

    Node.js-自己动手写框架基于Koa2

    在Node.js开发中,"开发框架"标签暗示了我们关注的重点是如何构建能够提高开发效率和代码可维护性的工具。一个良好的框架应该提供以下功能: 1. **路由管理**:方便地定义和管理HTTP请求的不同路径及其对应的处理...

    JS框架实例

    在"JS框架实例"中,我们将主要关注JavaScript框架如何提升开发效率和用户体验。首先,框架如React、Angular和Vue.js等,它们各自具有独特的特性和用途。React是由Facebook维护的库,它以组件化开发著称,允许开发者...

    JavaScript框架

    除了这些主要框架,还有一些其他库和工具,如jQuery(虽然不是完整的框架,但其插件生态系统中有许多导航条实现),Ember.js和Aurelia也有自己的导航解决方案。 在实际开发中,选择合适的框架取决于项目需求、团队...

    html网站后台框架代码

    除了上述前端框架,"后台框架"一般指的是服务器端的框架,如Node.js的Express.js、Python的Django或Flask、Java的Spring Boot等。这些后台框架为开发者提供了处理HTTP请求、数据库操作、认证授权等功能的便利工具。 ...

    JS-HTML-Format(JS及HTML代码格式化工具集合)

    除了安装在本地的工具,还有一些在线平台提供代码格式化服务,如JSFiddle、CodePen等,它们内置了代码格式化功能,方便开发者快速预览和调整代码格式。 在实际开发中,选择合适的代码格式化工具应考虑团队的偏好、...

    自己写的前端开发框架 并完成后台管理数据交互

    本项目标题为“自己写的前端开发框架 并完成后台管理数据交互”,这意味着作者创建了一个自定义的前端框架,用于处理与后台的数据交互。描述中提到,该框架与Vue.js和Angular.js在数据处理方面有相似之处,但适用于...

Global site tag (gtag.js) - Google Analytics