JavaScript通用库

最新推荐文章于 2024-07-12 10:43:17 发布
最新推荐文章于 2024-07-12 10:43:17 发布
阅读量746 收藏 1
点赞数
分类专栏： 忘掉了的开发 文章标签： javascript function string null whitespace button
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("&","&amp;");
       str=str.replace("<","&lt;");
       str=str.replace(">","&gt;");
       str=str.replace("'","&apos;");
       str=str.replace("/"","&quot;");
       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;    

    }

}

 

 

/*

================================================================================

功能：鼠标小提示

================================================================================

*/

 

//定义变量、设置默认值

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+="&nbsp;"+str+"&nbsp;";

    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=/"JavaScript:DoSomeThing(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>

 

lcfgaoyong
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 通用库
04-20
JavaScript通用库是编程实践中常用的工具，它集合了一系列实用的函数，可以帮助开发者简化代码，提高开发效率。在Web开发中，JavaScript作为客户端脚本语言，它的通用库尤其重要，因为它们可以处理各种常见的任务，...
JavaScript库的设计与应用
xu04280407的博客
12-02 191
JavaScript库的设计与应用 在百度技术沙龙里，我们邀请百度前端通用组技术组负责人雷志兴和去哪儿网的前端组负责人胡金埔，在沙龙分别跟大家分享百度和去哪儿网在JavaScript库的设计和运用实践经验。本文对他们的分享做简单回顾。 百度前端的七巧板——Tangram Javascript库 雷志兴在他的分享中向我们介绍了百度设计Tangram库的原因，设计目标，以及Tangram库的架构和特点...
JavaScript的通用库与动画特效
这里是前端，是不一样的前端
02-09 406
一、 通用库 通用 JavaScript 库提供适应任何需求的功能。所有通用库都致力于通过将常用功能封装为新 API， 来补偿浏览器接口、弥补实现差异。其中有些 API 与原生功能相似，而另一些 API 则完全不同。通用库 通常会提供与 DOM 的交互，对 Ajax 的支持，还有辅助常见任务的实用方法。 1.1 jQuery jQuery 是为 JavaScript 提供函数式编程接口的开源库。该库的核心是通过 CSS 选择符匹配 DOM 元 素，通过调用链，jQuery 代码看起来更像描述故事情节而不是
JavaScript库资源
多看多听多总结
05-01 1525
包管理器 托管JavaScript库并提供用于获取和打包它们的工具。 npm - npm是JavaScript的包管理器。 Bower - 网络包管理器。 component - 用于构建更好的Web应用程序的客户端包管理。 spm - 全新的静态包管理器。 jam - 使用以浏览器为中心且与RequireJS兼容的存储库的包管理器。 jspm - 无摩擦浏览器包管理。 恩德 - 无库图书馆。 volo - 从模板创建前端项目，添加依赖项并自动生成项目。 Duo - 下一代软件包管理器，
推荐 5 个优秀的 Javascript 图标库
BYGFJ的博客
02-25 2993
1. Feathericons Feathericons 是精美的开源图标集合，每个图标按照24 * 24的规格进行设计。 特性⚡ 开源（免费使用）🥳 可通过 NPM 包安装 📦 可通过 CDN 引用 📶 图标制作精美 🎨 2. Ionicons 针对web、iOS、Andriod和桌面应用是一个很优质的图标库。支持SVG和web font。 特性⚡ 开源（免费使用）🥳 可通过 NPM 包安装 📦 可通过 CDN 引用 📶 图标制作精美 🎨 有不同选择：轮廓，填充和锐化 🤯
通用javascript脚本函数库 方便开发
10-29
javascript 在 WEB 编程中能起到很大的作用，将一些常用的功能写成javascript类库。
js 通用javascript函数库整理
10-28
js 通用javascript函数库整理，学习js的朋友可以参考下。
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 270
原生WebSocket： new WebSocket。
Webkit简介以及工作流程
读心悦
07-10 320
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码
cc1314_工作、学习有感
07-12 256
通过sm4对文件进行加解密，用户输入密码
vue2 、 vue3首屏优化，减少白屏时间
m0_56104994的博客
07-09 311
vue2、vue3首屏优化,减少白屏时间
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 196
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
javascript高级部分笔记
喵喵的博客
07-09 1279
javascript高级部分 Function方法 与 函数式编程 call 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 let myName = 'goudan
Vue3 使用 Vue Router 时，prams 传参失效和报错问题
最新发布
专注基础架构领域
07-12 442
我尝试使用 prams 传递数据当我跳转页面时,得到的 prams 数据为空 ,控制台也出现了 Vue Router 的警告点开链接后发现了原因,。也就是说，从Vue Router的2022-8-22 这次更新后，我们使用上面的方式在新页面无法获取：vue也给我们提出了解决方案：使用 query 的方式传参只要改成query 传参就好了,注意query传参只能用路由表中的 path ,不是 name ,并且所有参数都会显示在URL 地址上。将参数放在 pinia 或 vuex仓库里。
TS类型声明文件（二）如何在 TS 中导入导出局部类型
weixin_43303603的博客
07-10 252
系列文章之：如何在 TypeScript 中导入导出局部类型
js中scrollIntoView第一次不生效，第二次生效
风如也的博客
07-12 152
方法用于将元素滚动到可视区域。如果在页面加载后立即使用，可能不会生效，因为页面可能还没有完全渲染或者加载完成。如果是因为元素还没有完全渲染完成，可以在。关键是确保在页面完全加载和渲染之后再调用。
逆向案例十一——华强北登录逆向
m0_57265868的博客
07-10 198
发现有三个参数进行了加密，分别是Password,UserName和Deviceld，再登录一次发现最后一个参数是固定的。这个参数没定义，就去页面源码中，找出这个参数。进入后发现折叠的代码，貌似是des(它自己在上面写的），直接复制。我这是格式化后隐藏了。PS：我之前说第三个参数deviceid是固定，其实是错的，它是由这个函数定义的。这是一个获取设备id的函数，每一台设备都不一样，但同一台设备这个参数是固定的。复制代码在pycharm中的js文件中，最后一个参数是加密的密钥。点击登录，找到登录包。
Lecture_8_JavaScript最佳实践1
08-03
通过将JavaScript功能与网页的结构和样式分离，使用现代的JavaScript框架或库，进行代码模块化和优化，以及采用渐进增强的设计原则，可以提高JavaScript代码的可维护性和可扩展性，同时确保网页在不同用户代理上的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值