JavaScript常用技巧与函数应用概览

更新:10-28 名人轶事 我要投稿 纠错 投诉

今天给各位分享JavaScript常用技巧与函数应用概览的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

注意:

1.String字符串必须使用StringBuffer拼接,否则容易造成浏览器卡顿或者内存溢出。特别是对于一些执行js效率不高的浏览器!

2、始终清除输入框中的内容。对于textarea,可以直接$("textarea").empty();如果使用$("textarea").html("");也可能会导致浏览器内存溢出!

Date工具类

/************************日期工具类****************/

Date.prototype.format=函数(格式){

var o={

"M+" : this.getMonth()+1, //月份

"d+" : this.getDate(), //天

"h+" : this.getHours(), //小时

"m+" : this.getMinutes(), //分钟

"s+" : this.getSeconds(), //秒

"q+" : Math.floor((this.getMonth()+3)/3), //四分之一

"S" : this.getMilliseconds() //毫秒

}

if(/(y+)/.test(format)) format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4- RegExp.$1.length));

for(var k in o)if(new RegExp("("+ k +")").test(format))

format=format.replace(RegExp.$1,RegExp.$1.length==1?o[k] : ("00"+ o[k]).substr((""+ o[k]).length)) ;

返回格式;

};

公共工具类

/************************ 公共工具****************/

var 公共实用程序={

isNotEmpty: 函数(val){

return !this.isEmpty(val);

},

isEmpty: 函数(val){

if ((val==null || typeof(val)=="未定义")|| (typeof(val)=="字符串"val==""val!="未定义")){

返回真;

}别的{

返回假;

}

},

isDebug: 函数(){

if(this.isNotEmpty(configDebug)configDebug=="true"){

返回真;

}别的{

返回假;

}

},

//删除元素strIds:"#id1,#id2,#id3"内的所有内容

空Html:函数(strIds){

尝试{

var ids=strIds.trim(",").split(",");

$(ids).each(函数(){

var obj=$(this.toString());

if(obj.length0){

$(obj).each(函数(){

$(this).html("");

});

}别的{

obj.html("");

}

});

}抓住(前){

if(PublicUtil.isDebug()){

throw new Error("js 方法: [PublicUtil.emptyHtml(strIds)], 错误!");

}

}

},

//取出元素strIds:"#id1,#id2,#id3"的值

空值:函数(strIds){

尝试{

var ids=strIds.trim(",").split(",");

$(ids).each(函数(){

var obj=$(this.toString());

if(obj.length0){

$(obj).each(函数(){

$(this).val("");

});

}别的{

obj.val("");

}

});

}抓住(前){

如果(PublicUtil.isDebug()){

throw new Error("js 方法: [PublicUtil.emptyValue(strIds)], 错误!");

}

}

},

//删除Textarea中的所有内容strIds:"#id1,#id2,#id3"

空文本区域:函数(strIds){

尝试{

var ids=strIds.trim(",").split(",");

$(ids).each(函数(){

var obj=$(this.toString());

if(obj.length0){

$(obj).each(函数(){

$(this).empty();

$(this).val("");

});

}别的{

obj.empty();

obj.val("");

}

});

}抓住(前){

如果(PublicUtil.isDebug()){

throw new Error("js方法: [PublicUtil.emptyTextarea(strIds)], 错误!");

}

}

}

}

String 工具类

/************************ 弦线工具****************/

//trim去除字符串两边指定的字符,默认去除空格

String.prototype.trim=函数(标签) {

如果(!标签){

标签="\s";

}别的{

如果(标签=="\"){

标签="\\";

} else if (标签=="," || 标签=="|" || 标签==";") {

标签="\" + 标签;

}别的{

标签="\s";

}

}

eval("var reg=/(^" + tag + "+)|(" + tag + "+$)/g;");

返回this.replace(reg, "");

};

//字符串截取后添加.

String.prototype.interceptString=function(len) {

if (this.length len) {

return this.substring(0, len) + ".";

} 别的{

返回这个;

}

}

//将字符串转换为给定字符的数组

String.prototype.toArray=函数(标签) {

if (this.indexOf(tag) !=-1) {

返回this.split(标签);

}别的{

如果(这个!=""){

返回[this.toString()];

}别的{

返回[];

}

}

}

//只保留数字(0123456789)

String.prototype.toNumber=function() {

return this.replace(/D/g, "");

}

//保留中文

String.prototype.toCN=function() {

var regEx=/[^u4e00-u9fa5uf900-ufa2d]/g;

返回this.replace(regEx, "");

}

//转换为int

String.prototype.toInt=function() {

var temp=this.replace(/D/g, "");

返回isNaN(parseInt(temp)) ?第:章

}

//是否以XX开头

String.prototype.startsWith=函数(标签){

return this.substring(0, tag.length)==tag;

}

//是否以XX结尾

String.prototype.endWith=函数(标签){

return this.substring(this.length - tag.length)==tag;

}

//字符串缓冲区

var StringBuffer=函数() {

this._strs=新数组;

};

StringBuffer.prototype.append=函数(str) {

this._strs.push(str);

};

StringBuffer.prototype.toString=function() {

返回this._strs.join("");

};

String.prototype.replaceAll=函数(s1,s2){

return this.replace(new RegExp(s1,"gm"),s2);

}

Arry

/************************ 阿里****************/

//根据数据获取数组中的索引

Array.prototype.getIndex=函数(obj){

for (var i=0; i this.length; i++) {

if (obj==this[i]) {

返回我;

}

}

返回-1;

}

//从数组中删除一个元素

Array.prototype.remove=函数(obj){

for (var i=0; i this.length; i++) {

if (obj==this[i]) {

this.splice(i, 1);

休息;

}

}

返回这个;

}

//判断元素是否在数组中

Array.prototype.contains=函数(obj) {

for (var i=0; i this.length; i++) {

if (obj==this[i]) {

返回真;

}

}

返回假;

}

浏览器相关操作

/************************ 浏览器相关操作****************/

//进入全屏模式,判断各种浏览器,找到正确的方法

var launchFullScreen=函数(元素){

if(element.requestFullscreen) {

元素.requestFullscreen();

} else if(element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if(element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if(element.msRequestFullscreen) {

element.msRequestFullscreen();

}

返回真;

}

//退出全屏模式

var exitFullScreen=函数() {

if(document.exitFullscreen) {

document.exitFullscreen();

} else if(document.mozCancelFullScreen) {

document.mozCancelFullScreen();

} else if(document.webkitExitFullscreen) {

document.webkitExitFullscreen();

}

返回假;

}

//cookie操作

var CookieUtil={

路径:"/",

domain: "demo.j2ee.com",

add: 函数(名称,值){

$.cookie(名称,val,{expires: 7,path: this.path,domain: this.domain,secure: true});

},

删除:函数(名称){

$.cookie(name, null,{path: this.path,domain: this.domain});

},

get: 函数(名称){

$.cookie(名称,{path: this.path,domain: this.domain});

}

}

//错误

变量错误={

e_404: 函数(){

AlertMessage("404","未找到页面!","警告");

},

e_500: 函数(){

AlertMessage("500","服务器内部错误!","错误");

},

e_403: 函数(){

AlertMessage("403","权限不足!","警告");

}

}

用户评论

孤独症

终于有一份整理了JS常用方法的使用总结!太棒了。

    有14位网友表示赞同!

爱你心口难开

学习JavaScript,总是觉得方法太多记不住,这篇文章刚好可以查阅。

    有18位网友表示赞同!

赋流云

收藏一下,回头学习的时候再翻回来看看。

    有5位网友表示赞同!

ok绷遮不住我颓废的伤あ

最近在做前端项目用到很多常用的JS方法,这篇文章真是timely!

    有7位网友表示赞同!

遗憾最汹涌

希望能涵盖比较全面的常用方法,这样方便我快速查阅。

    有16位网友表示赞同!

有一种中毒叫上瘾成咆哮i

这方面笔记一直没怎么整理过,这篇总结太实用了!

    有5位网友表示赞同!

余温散尽ぺ

学习前端开发必备的就是掌握JS常用的方法!赶紧看一看吧

    有7位网友表示赞同!

孤街浪途

感觉JavaScript方法总是记不住,希望能通过这份总结学会使用。

    有14位网友表示赞同!

oО清风挽发oО

写代码的时候,总感觉找不到一些必要的JS方法,这篇文章能帮上忙?

    有17位网友表示赞同!

嘲笑!

前端开发的学习之路还是要一步步积累经验和知识!看这篇总结,感受一下大佬的心得体会吧。

    有8位网友表示赞同!

猫腻

之前学到的JS方法很多都忘记了,这篇文章正好可以回顾一下。

    有17位网友表示赞同!

桃洛憬

希望这个总结能涵盖比较复杂的方法,这样能更全面地学习。

    有9位网友表示赞同!

柠夏初开

JavaScript常用的函数和方法是前端开发的关键!学习一下这段代码能帮助我提高编程技能吧?

    有17位网友表示赞同!

冷月花魂

看到这篇总结,感觉我的JS基础知识要加强了!赶紧去复习一遍。

    有16位网友表示赞同!

岁岁年年

这篇文章标题很吸引人!期待了解那些常用方法。

    有20位网友表示赞同!

巴黎盛开的樱花

如果能加上一些代码示例,学习效果会更好!

    有14位网友表示赞同!

断桥残雪

最近一直在尝试使用JavaScript开发项目,这篇总结正好可以帮到我!

    有10位网友表示赞同!

♂你那刺眼的温柔

感谢作者分享这份总结!能帮助大家更快上手JavaScript 。

    有15位网友表示赞同!

微信名字

希望能看到更多关于JavaScript的详细教程!

    有5位网友表示赞同!

【JavaScript常用技巧与函数应用概览】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活

上一篇:2024年女性创业新趋势:探索九个火热的微型商业领域 下一篇:2024年手机POS机软件推荐:自动换商户、低费率、到账不收笔数费的选择指南