JavaScript通用库

最新推荐文章于 2023-08-17 08:50:31 发布
最新推荐文章于 2023-08-17 08:50:31 发布
阅读量685 收藏 2
点赞数
分类专栏： JS 文章标签： javascript function string null whitespace input 
javascript 在 WEB 编程中能起到很大的作用，将一些常用的功能写成javascript类库。

将下面代码保存为Common.js
类库功能：
1.Trim(str)－－去除字符串两边的空格
2.XMLEncode(str)－－对字符串进行XML编码
3.ShowLabel(str,str)－－鼠标提示功能（显示字符，提示字符）
可以设置显示的提示的文字的字体、颜色、大小以及提示的背景颜色、边框等
4.IsEmpty(obj)－－验证输入框是否为空
5.IsInt(objStr,sign,zero)－－验证是否为整数，正整数，负整数，以及是否包括零
6.IsFloat(objStr,sign,zero)－－验证是否为浮点数，正浮点，负浮点，以及是否包括零
7.IsEnLetter(objStr,size)－－验证是否为26个字母，大写小

源代码如下：
/*
       名字：Common.js
       功能：通用javascript脚本函数库
       包括：
                     1.Trim(str)－－去除字符串两边的空格
                     2.XMLEncode(str)－－对字符串进行XML编码
            3.ShowLabel(str,str)－－鼠标提示功能（显示字符，提示字符）
                     4.IsEmpty(obj)－－验证输入框是否为空
                     5.IsInt(objStr,sign,zero)－－验证是否为整数
                     6.IsFloat(objStr,sign,zero)－－验证是否为浮点数
                     7.IsEnLetter(objStr,size)－－验证是否为26个字母
*/
/*
==================================================================
字符串操作
Trim(string):去除字符串两边的空格
==================================================================
*/
/*
==================================================================
LTrim(string):去除左边的空格
==================================================================
*/
function LTrim(str)
{
    var whitespace = new String(“ /t/n/r“);
    var s = new String(str);
    if (whitespace.indexOf(s.charAt(0)) != -1)
    {
        var j=0, i = s.length;
        while (j 〈 i && whitespace.indexOf(s.charAt(j)) != -1)
        {
            j++;
        }
        s = s.substring(j, i);
    }
    return s;
}
/*
==================================================================
RTrim(string):去除右边的空格
==================================================================
*/
function RTrim(str)
{
    var whitespace = new String(“ /t/n/r“);
    var s = new String(str);

    if (whitespace.indexOf(s.charAt(s.length-1)) != -1)
    {
        var i = s.length - 1;
        while (i 〉= 0 && whitespace.indexOf(s.charAt(i)) != -1)
        {
            i--;
        }
        s = s.substring(0, i+1);
    }
    return s;
}

/*
==================================================================
Trim(string):去除前后空格
==================================================================
*/
function Trim(str)
{
    return RTrim(LTrim(str));
}
/*
======================================================================
XMLEncode(string):对字符串进行XML编码
======================================================================
*/
function XMLEncode(str)
{
       str=Trim(str);
       str=str.replace(“&“,“&“);
       str=str.replace(“〈“,““);
       str=str.replace(“’“,“'“);
       str=str.replace(“/““,“"“);
       return str;
}
/*
================================================================================
验证类函数
================================================================================
*/
function IsEmpty(obj)
{
    obj=document.getElementsByName(obj).item(0);
    if(Trim(obj.value)==““)
    {
        alert(“字段不能为空。“);
        if(obj.disabled==false && obj.readOnly==false)
        {
            obj.focus();
        }
    }
}

/*
IsInt(string,string,int or string)测试字符串,+ or - or empty,empty or 0)
功能：判断是否为整数、正整数、负整数、正整数+0、负整数+0
*/
function IsInt(objStr,sign,zero)
{
    var reg;
    var bolzero;

    if(Trim(objStr)==““)
    {
        return false;
    }
    else
    {
        objStr=objStr.toString();
    }
    if((sign==null)||(Trim(sign)==““))
    {
        sign=“+-“;
    }
    if((zero==null)||(Trim(zero)==““))
    {
        bolzero=false;
    }
    else
    {
        zero=zero.toString();
        if(zero==“0“)
        {
            bolzero=true;
        }
        else
        {
            alert(“检查是否包含0参数，只可为(空、0)“);
        }
    }
    switch(sign)
    {
        case “+-“:
            //整数
            reg=/(^-?|^/+?)/d+$/;
            break;
        case “+“:
            if(!bolzero)
            {
                //正整数
                reg=/^/+?[0-9]*[1-9][0-9]*$/;
            }
            else
            {
                //正整数+0
                //reg=/^/+?/d+$/;
                reg=/^/+?[0-9]*[0-9][0-9]*$/;
            }
            break;
        case “-“:
            if(!bolzero)
            {
                //负整数
                reg=/^-[0-9]*[1-9][0-9]*$/;
            }
            else
            {
                //负整数+0
                //reg=/^-/d+$/;
                reg=/^-[0-9]*[0-9][0-9]*$/;
            }
            break;
        default:
            alert(“检查符号参数，只可为(空、+、-)“);
            return false;
            break;
    }

    var r=objStr.match(reg);
    if(r==null)
    {
        return false;
    }
    else
    {
        return true;
    }
}

/*
IsFloat(string,string,int or string)测试字符串,+ or - or empty,empty or 0)
功能：判断是否为浮点数、正浮点数、负浮点数、正浮点数+0、负浮点数+0
*/
function IsFloat(objStr,sign,zero)
{
    var reg;
    var bolzero;

    if(Trim(objStr)==““)
    {
        return false;
    }
    else
    {
        objStr=objStr.toString();
    }

    if((sign==null)||(Trim(sign)==““))
    {
        sign=“+-“;
    }

    if((zero==null)||(Trim(zero)==““))
    {
        bolzero=false;
    }
    else
    {
        zero=zero.toString();
        if(zero==“0“)
        {
            bolzero=true;
        }
        else
        {
            alert(“检查是否包含0参数，只可为(空、0)“);
        }
    }

    switch(sign)
    {
        case “+-“:
            //浮点数
            reg=/^((-?|/+?)/d+)(/./d+)?$/;
            break;
        case “+“:
            if(!bolzero)
            {
                //正浮点数
                reg=/^/+?(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            }
            else
            {
                //正浮点数+0
                reg=/^/+?/d+(/./d+)?$/;
            }
            break;
        case “-“:
            if(!bolzero)
            {
                //负浮点数
               reg=/^-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            }
            else
            {
                //负浮点数+0
                reg=/^((-/d+(/./d+)?)|(0+(/.0+)?))$/;
            }
            break;
        default:
            alert(“检查符号参数，只可为(空、+、-)“);
            return false;
            break;
    }

    var r=objStr.match(reg);
    if(r==null)
    {
        return false;
    }
    else
    {
        return true;
    }
}

/*
IsEnLetter(string,string):测试字符串，大小写(UL,U,L or ul,u,l)
*/
function IsEnLetter(objStr,size)
{
    var reg;

    if(Trim(objStr)==““)
    {
        return false;
    }
    else
    {
        objStr=objStr.toString();
    }

    if((size==null)||(Trim(size)==““))
    {
        size=“UL“;
    }
    else
    {
        size=size.toUpperCase();
    }

    switch(size)
    {
        case “UL“:
            //大小写
            reg=/^[A-Za-z]+$/;
            break;
        case “U“:
            //大写
            reg=/^[A-Z]+$/;
            break;
        case “L“:
            //小写
            reg=/^[a-z]+$/;
            break;
        default:
            alert(“检查大小写参数，只可为(空、UL、U、L)“);
            return false;
            break;
    }

    var r=objStr.match(reg);
    if(r==null)
    {
        return false;
    }
    else
    {
        return true;
    }
}

/*
=====================================================================
功能：鼠标小提示
作者：申旺
日期：2004/04/15
======================================================================
*/

//定义变量、设置默认值
var LabelFontFace=“宋体,arial,Verdana“;
var LabelFontColor=“#000000“;
var LabelFontSize=“9pt“;
var LabelFontStyle=“Font.PLAIN“;
var LabelBorderColor=“#000000“;
var LabelBackColor=“#FFFFE1“;

//设置各个属性
function SetLabelFontFace(obj)
{
       obj=Trim(obj);
       if(obj==null || obj==““)
       {
              obj=“宋体,arial,Verdana“;
       }
       LabelFontFace=obj;
}

function SetLabelFontColor(obj)
{
    obj=Trim(obj);
       if(obj==null || obj==““)
       {
              obj=“#000000“;
       }
       LabelFontColor=obj;
}

function SetLabelFontSize(obj)
{
    obj=Trim(obj);
       if(obj==null || obj==““)
       {
              obj=“9pt“;
       }
       LabelFontSize=obj;
}

function SetLabelFontStyle(obj)
{
    obj=Trim(obj);
       if(obj==null || obj==““)
       {
              obj=“Font.PLAIN“;
       }
       LabelFontStyle=obj;
}

function SetLabelBorderColor(obj)
{
    obj=Trim(obj);
    if(obj==null || obj==““)
    {
        obj=“#000000“;
    }
    LabelBorderColor=obj;
}

function SetLabelBackColor(obj)
{
    obj=Trim(obj);
    if(obj==null || obj==““)
    {
        obj=“#FFFFE1“;
    }
    LabelBackColor=obj;
}

//合成文字样式
function SetTextStyle(str)
{
    var strRet=““;

    var strStyle=““;

    strStyle=“font-family:“+LabelFontFace+“;“;
    strStyle+=“color:“+LabelFontColor+“;“;
    strStyle+=“font-size:“+LabelFontSize+“;“;

    switch(LabelFontStyle.toLowerCase())
    {
        case “font.plain“:
            strStyle+=“font-weight: normal;“;
            strStyle+=“font-style: normal;“;
            break;
        case “font.bold“:
            strStyle+=“font-weight: bold;“;
            strStyle+=“font-style: normal;“;
            break;
        case “font.italic“:
            strStyle+=“font-weight: normal;“;
            strStyle+=“font-style: italic;“;
            break;
        case “font.italicbold“:
        case “font.bolditalic“:
            strStyle+=“font-weight: bold;“;
            strStyle+=“font-style: italic;“;
            break;
        default:
            strStyle+=“font-weight: bold;“;
            strStyle+=“font-style: italic;“;
            break;
    }

    strRet=“〈font style=’“+strStyle+“’〉“;
    strRet+=“ “+str+“ “;
    strRet+=“〈/font〉“;

    return strRet;
}

//合成表格样式
function SetTableStyle()
{
    var strRet=““;

    strRet+=“border-right: “+LabelBorderColor+“ 1px solid;“;
    strRet+=“border-top: “+LabelBorderColor+“ 1px solid;“;
    strRet+=“border-left: “+LabelBorderColor+“ 1px solid;“;
    strRet+=“border-bottom: “+LabelBorderColor+“ 1px solid;“;
    strRet+=“background-color:“+LabelBackColor;

    return strRet;
}

//显示提示
function ShowNote(str)
{
       var strHtml;

       strHtml=““;
       strHtml+=“〈table height=1px width=1px border=’0’cellspacing=’0’ cellpadding=’0’ style=’“ + SetTableStyle() + “’〉“;
       strHtml+=“〈tr〉“;
       strHtml+=“〈td〉“+SetTextStyle(str)+“〈/td〉“;
       strHtml+=“〈/tr〉“;
       strHtml+=“〈/table〉“;

       if (document.all&&document.readyState==“complete“)
       {
              document.all.div_Note.innerHTML=strHtml;
              document.all.div_Note.style.pixelLeft=event.clientX+document.body.scrollLeft+10
              document.all.div_Note.style.pixelTop=event.clientY+document.body.scrollTop+10
              document.all.div_Note.style.visibility=“visible“
       }
}

//隐藏提示
function HideNote()
{
       if (document.all)
       {
              document.all.div_Note.style.visibility=“hidden“;
       }
       else
       {
              if (document.layers)
              {
                     clearInterval(currentscroll)
                     document.div_Note.visibility=“hidden“;
              }
       }
}

//初始化
function Init()
{
    window.document.write(“〈div id=/“div_Note/“ style=/“VISIBILITY:hidden; POSITION:absolute; HEIGHT:13px;z-index:1/“〉〈/div〉“);
}
Init();

//生成提示字符
function ShowLabel(text,note,bclick)
{
       if(bclick!=null)
       {
              return “〈a href=/“#/“ onMouseOver=/“ShowNote(’“ + note + “’)/“ onMouseOut=/“HideNote()/“ onClick=/“javascriptoSomeThing(this);/“〉“ + text + “〈/a〉“;
       }
       else
       {
           return “〈a href=/“#/“ onMouseOver=/“ShowNote(’“ + note + “’)/“ onMouseOut=/“HideNote()/“〉“ + text + “〈/a〉“;
       }
}

测试页面：
〈HTML〉
    〈HEAD〉
        〈title〉Common javascript〈/title〉
              〈script language=“javascript“ src=“./Common.js“〉〈/script〉
        〈script language=“javascript“〉
                     function CheckInt()
                     {
                            iptResult.value=IsInt(iptTest.value,iptSign.value,iptZero.value);
                     }

                     function CheckFloat()
                     {
                            iptResult.value=IsFloat(iptTest.value,iptSign.value,iptZero.value);
                     }

                     function CheckLetter()
                     {
                            iptResult.value=IsEnLetter(iptTest.value,iptSign.value);
                     }
                     document.write(ShowLabel(“TEST“,“Only a testing!“));
                     document.write(“〈br〉“);
              〈/script〉
        〈meta http-equiv=“expires“ content=“0“〉
    〈/HEAD〉
    〈body〉
     〈input type=text value=““ id=“iptTest“〉〈input type=button value=“IsEmpty“ οnclick=“IsEmpty(’iptTest’);“〉
     〈input type=button value=“CheckInt“ οnclick=“CheckInt()“〉
        〈br〉
     〈input type=text value=““ id=“iptSign“ NAME=“iptSign“〉〈input type=button value=“CheckFloat“ οnclick=“CheckFloat()“〉
        〈br〉
     〈input type=text value=““ id=“iptZero“ NAME=“iptZero“〉〈input type=button value=“CheckLetter“ οnclick=“CheckLetter()“〉
     〈br〉
     〈input type=text value=““ id=iptResult disabled=true〉
    〈/body〉
〈/HTML〉
 
孔子-说
关注
专栏目录
JavaScript 通用库
04-20
JavaScript通用库是编程实践中常用的工具，它集合了一系列实用的函数，可以帮助开发者简化代码，提高开发效率。在Web开发中，JavaScript作为客户端脚本语言，它的通用库尤其重要，因为它们可以处理各种常见的任务，...
常用的JS库整理
MichaelAn的博客
02-13 2694
常用的JS库整理 1. Lodash & Underscore 也许大多数童鞋都已经知道它们。Underscore提供了日常使用的基础函数。Lodash, 作为NPM最多下载量和被依赖最多的包，旨在为数组，字符串，对象和参数对象提供更一致的跨环境迭代支持。它已经是Underscore的超集。Underscor...
11个常用的js工具库，80%的项目都在使用
frontlab的博客
09-29 2970
11个常用的js工具库，80%的项目都在使用
推荐22个很棒的 JS 库，提高效率，解放生产力
最新发布
前端，请指教
08-17 3087
一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。原生js，不依赖jquery，zepto，支持vue，一套代码多端运行, 支持uni-app，完美运行于android, iOS, 手机各浏览器，兼容PC端主流浏览器。一个完整的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验. 除了游戏用来在页面实现一些3D场景也是没问题的。一个简单的,轻量级的处理cookies的js API，用来处理cookie相关的插件。
常用JavaScript库
凉茶铺的博客
01-10 3704
介绍了一些JavaScript的常用库，并对其使用方法进行了说明
JavaScript通用方法汇总
宁静致远
12-05 526
javascript常用函数、数据处理等方法
通用javascript脚本函数库 方便开发
10-29
javascript 在 WEB 编程中能起到很大的作用，将一些常用的功能写成javascript类库。
nAnimation:通用javascript动画库
05-20
通用JavaScript动画库 目录 概述 有很多很棒JavaScript动画库，但是对于我的需求而言，它们要么太复杂，要么太庞大。 他们都提供了我不需要的大量功能。 所以我开始为自己写一些简单的东西。 我最终得到了nAnimation...
通用js类库
weixin_30674525的博客
08-29 220
/* 其它通用函数 */$(function() { // var General = function() { var _self = this; /* 写 cookie 操作 */ _self.SetCookie = function(c_name, value, expireTime, dhm) { ...
这是一个用于安全获取javascrpt对象数组中深层次的属性元素的库
08-08
A lib for safe get javascrpt's object. 这是一个用于安全获取javascrpt对象/数组的属性/元素的库。
JavaScript类库
03-12
sigma.js 类库 图片绘制 快速实现数据动态展示，这个类库是一个独立的不依赖于第三方javascript的图形类库。开发人员可以自己开发插件来扩展功能，同时也支持类似jQuery的链式操作。支持主流的浏览器。
js通用库函数
06-16
js通用库函数js通用库函数
javascript 的基本上所有的常用类库
07-06
js 的基本上所有的常用类库 js 的基本上所有的常用类库
JavaScript通用库（一）
deadshot123的专栏
04-07 650
JavaScript通用库（一）   [ 2005-09-23 | 作者：coli | JavaScript在WEB编程中能起到很大的作用，将一些常用的功能写成JavaScript类库。将下面代码保存为Common.js类库功能：1.Trim(str)－－去除字符串两边
前端后端会用到的最齐全js类库
kongjiea笔记
04-02 4898
函数库 ExtJS，yul, jQuery jQuery UI 第一：https://developers.google.com/speed/libraries/devguide?hl=zh-CN 中的 AngularJS Chrome Frame Dojo Ext Core jQuery jQu
丰富自己的javascript类库
骆宏的专栏
06-18 2694
每个优秀的开发者都会形成自己的类库，作为一个java开发者，我们也会写一大堆的工具类，用于简化我们的开发工作。但是作为一个全站攻城狮，不仅仅只是懂的形成java的类库，javascript的类库也同样重要。好啦，这篇文章不多说废话，下面对的代码提供了一些非常方便的工具类，或者是对javascript已有对象的扩展，比如字符串的扩展，日期对象的扩展，数组的扩展等。同样的，也提供了一个StringBuffer对象，该对象的用法基本也与java.lang.StringBuffer一样...
【工具】1222- 10 个常用的JS工具库，80%的项目都在用！
pingan8787
02-03 194
作者：前端阿飞https://juejin.cn/post/7048963605462515743高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同...
通用JavaScript函数库：便捷WEB开发
"通用javascript脚本函数库提供了方便的WEB开发工具，包括字符串处理、XML编码、鼠标提示、输入验证等功能。" 通用的javascript脚本函数库是WEB开发中的一个实用工具，它集成了许多常用的功能，可以帮助开发者更...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值