JavaScript通用库

最新推荐文章于 2022-08-29 11:10:20 发布
最新推荐文章于 2022-08-29 11:10:20 发布
阅读量701 收藏
点赞数
分类专栏： JS 文章标签： javascript whitespace function string null button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bighuang/article/details/469069
版权

JavaScript（一）


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个字母



    作者：申旺

    日期：2004/04/14

*/



/*

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

字符串操作

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;     

    }

}

 /*

       名字：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个字母



    作者：申旺

    日期：2004/04/14

*/



/*

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

字符串操作

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;     

    }

}





/*

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

功能：鼠标小提示

作者：申旺

日期：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+="&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>



bighuang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
3个JavaScript库替换jQuery
cxu0262的博客
05-18 1161
健壮的jQuery JavaScript库简化了诸如HTML文档遍历，动画和事件处理之类的任务，改变了Web开发的面貌。 根据网络技术调查机构W3Techs的数据，截至2019年5月，仍在74％的已知网站中使用jQuery。 尽管如此，于2006年8月首次亮相的jQuery库现在已被一些开发人员视为是一种过时的技术。 近年来，出现了jQuery的替代方案，例如Cash库 ，甚至只是现代的原...
JavaScript 通用库
04-20
JavaScript通用库是编程实践中常用的工具，它集合了一系列实用的函数，可以帮助开发者简化代码，提高开发效率。在Web开发中，JavaScript作为客户端脚本语言，它的通用库尤其重要，因为它们可以处理各种常见的任务，...
JavaScript的通用库与动画特效
这里是前端，是不一样的前端
02-09 407
一、 通用库 通用 JavaScript 库提供适应任何需求的功能。所有通用库都致力于通过将常用功能封装为新 API， 来补偿浏览器接口、弥补实现差异。其中有些 API 与原生功能相似，而另一些 API 则完全不同。通用库 通常会提供与 DOM 的交互，对 Ajax 的支持，还有辅助常见任务的实用方法。 1.1 jQuery jQuery 是为 JavaScript 提供函数式编程接口的开源库。该库的核心是通过 CSS 选择符匹配 DOM 元 素，通过调用链，jQuery 代码看起来更像描述故事情节而不是
JavaScript库资源
多看多听多总结
05-01 1538
包管理器 托管JavaScript库并提供用于获取和打包它们的工具。 npm - npm是JavaScript的包管理器。 Bower - 网络包管理器。 component - 用于构建更好的Web应用程序的客户端包管理。 spm - 全新的静态包管理器。 jam - 使用以浏览器为中心且与RequireJS兼容的存储库的包管理器。 jspm - 无摩擦浏览器包管理。 恩德 - 无库图书馆。 volo - 从模板创建前端项目，添加依赖项并自动生成项目。 Duo - 下一代软件包管理器，
推荐 5 个优秀的 Javascript 图标库
BYGFJ的博客
02-25 3002
1. Feathericons Feathericons 是精美的开源图标集合，每个图标按照24 * 24的规格进行设计。 特性⚡ 开源（免费使用）🥳 可通过 NPM 包安装 📦 可通过 CDN 引用 📶 图标制作精美 🎨 2. Ionicons 针对web、iOS、Andriod和桌面应用是一个很优质的图标库。支持SVG和web font。 特性⚡ 开源（免费使用）🥳 可通过 NPM 包安装 📦 可通过 CDN 引用 📶 图标制作精美 🎨 有不同选择：轮廓，填充和锐化 🤯
前 15 个 JavaScript 机器学习库
最新发布
Meta.Qing的博客
08-29 1625
机器学习领域新技术的迅猛发展帮助软件开发人员以前所未有的方式构建新的人工智能应用程序。目前，大多数 AI 爱好者利用 Python 框架进行 AI 和机器学习开发。但环顾四周，人们可能还会发现基于 JavaScript 的框架也正在 AI 中实现。这个有趣的交叉点让我们探索和试验了一起使用 Javascript 和机器学习的奇怪可能性。从我们的研究中分享，这里有一些简洁的 JavaScript 机器学习库，它们将 Javascript、机器学习、DNN 甚至 NLP 结合在一起。看一看。......
JavaScript库
hc1025808587的专栏
06-21 1349
JavaScript库可以帮助我们跨越浏览器差异的鸿沟，并对复杂的浏览器功能提供更为简便的访问方式。程序库有两种形式：通用库和专用库。通用JavaScript库提供了对常见浏览器功能的访问，可以作为网站或者Web应用的基础。专用库则只做特定的事，仅用于网站或者Web应用的某些部分。 通用库通用JavaScript库提供横跨几个主题的功能。所有的通用库都尝试通过使用新API包装常见功能来统一浏览器的接
javascript通用事件封装
积小流可成江河
09-02 941
随着最近几年Html5的兴起，越来越多的应用采用html5进行实现，一个优秀的网页应用不但需要美观简洁的UI界面，更需要一个良好的交互。网页应用大部分的交互需要用javascript事件进行实现。虽然当前存在大量的且功能强大的javascript库，但这些类库或者框架都经过函数封装，对于用户而言隐藏了内部实现机制（虽然可以查看和研究源代码，但是有多少童鞋能潜心研究呢？）。定制或者构建一个自己的小javascript库，对于童鞋们提升前端开发水平来说，也具有重要的价值。
JavaScript 库
ling811的专栏
12-12 712
JavaScript 库 - jQuery、Prototype、MooTools。 JavaScript 框架（库） JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。 为了应对这些调整，许多的 JavaScript (helper) 库应运而生。 这些 JavaScript 库常被称为 JavaScript 框架。 在本教程中，我们将了
通用javascript脚本函数库 方便开发
10-29
javascript 在 WEB 编程中能起到很大的作用，将一些常用的功能写成javascript类库。
js 通用javascript函数库整理
10-28
js 通用javascript函数库整理，学习js的朋友可以参考下。
AJAX框架汇总
bighuang的专栏
09-02 1819
Think in AJAX(三) —— AJAX框架汇总<!--google_ad_client = "pub-8438768637354676";google_alternate_ad_url = "http://www.duduwolf.com/post/g.asp?w=468&h=60&c=F6F4E9";google_ad_width = 468;google_ad_h
Ajax程序设计入门
bighuang的专栏
09-02 1581
一、使用Ajax的主要原因　　1、通过适当的Ajax应用达到更好的用户体验；　　2、把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。　　二、引用　　Ajax这个概念的最早提出者Jesse James Garrett认为：　　Ajax是Asynchronous JavaScript and XML的缩写。
JS的IE和Firefox兼容性汇编
bighuang的专栏
08-31 1266
JS的IE和Firefox兼容性汇编 这个原本由 hotman_x, canonical, adun, buka 共同完成, 我现在稍作整理, 添加了一点另外, 加入网友 llihua 的一段内容我想有时间的话, 今后还会继续维护这篇文档.测试大部分是在IE 6.0和Mozilla Firefox 0.9/1.0 下完成, 未必符合当前的各种情况,欢迎指正.以下以 IE 代替 In
使用 JavaScript 实现 XMLHttpRequest
bighuang的专栏
09-02 941
XMLHttp 方式实现无刷屏,在IE,FireFox 上测试通过  "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">html {background-color:#eeeeee}body {      background-color:#ccffcc;      font-family:Tahoma,Arial,Helvetic
Ajax的错误处理机制探讨
bighuang的专栏
09-02 878
　　当前web技术中最热门的词语是什么？是AJAX。AJAX框架组件的核心是XMLHttpRequest JavaScript对象，它允许客户端开发人员在不中断用户操作、不利用隐藏页面的情况下，通过HTTP发送和接收XML文档。现在，有些人可能会感到恐惧，因为它突然允许那些可能过多地使用了验证窗体和动画图像的客户端开发人员负责传递XML文档和处理HTTP头信息，但是，没有风险就没有收益。我们不用害
"JavaScript最佳实践：构建可扩展的Web页面的通用方法
通过将JavaScript功能与网页的结构和样式分离，使用现代的JavaScript框架或库，进行代码模块化和优化，以及采用渐进增强的设计原则，可以提高JavaScript代码的可维护性和可扩展性，同时确保网页在不同用户代理上的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值