javascript常用代码段搜集

前端之家收集整理的这篇文章主要介绍了javascript常用代码段搜集前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.json转字符串

代码如下:

2.时间戳转为Date

代码如下:

3.Data-format

代码如下:
2012-12-02 08:12:04.423 // (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2012-12-02 8:12:4.18 Date.prototype.Format = function(fmt) { 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(fmt)) fmt = fmt.replace(RegExp.$1,(this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1,(RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; };

4.日期上增加n天

代码如下:

5. 使用 iframe 时,父窗体与子窗体之间的相互调用

代码如下:
调用子窗体内的函数 window.frames['ifm_id'].valueChange("id_101"); // 子窗体调用父窗体的函数 parent.refreshTree("nodeId_202");

6. 弹出窗体与返回值

代码如下:
"; win=window.showModalDialog(url,window,"dialogLeft:400;dialogTop:200;dialogWidth:560px;dialogHeight:380px;scroll:yes;menubar:no;toolbar:no;status:no;"); // 在弹出窗体中设置返回值 var result = new Array(); result[0] = "id_101"; result[1] = "name_202"; window.returnValue = result; window.close();

7. javascript 作用域[只有全局作用域和函数作用域,javascript没有块作用域]

代码如下:
函数外部定义的变量 function showMsg(){ message = "global message";// 1.2 未定义而直接赋值的变量 // 在第一次使用时被定义为全局变量 } // 2. 函数作用域 function doCheck(){ var data = "function data";// 2.1 在函数内部定义的变量 }

8. javascript 继承机制

代码如下:
父类的属性方法 this.parent = Person; this.parent(strName); delete this.parent; // 删除临时变量 parent // 定义新属性方法 // private fields var school = strSchool; // public methods this.getSchool = function(){ return school; }; } // 2. Funtion 对象的 call(..) 或 apply(..) 继承 // call 和 apply 的区别在于: // call 的第二个参数为可变参数; // apply 的第二个参数为 Array; function Animal(strName,intAge){ // private fields var name = strName; var age = intAge; // public methods this.getName = function(){ return name; }; this.getAge = function(){ return age; }; } function Cat(strName,intAge,strColor){ // 定义父类属性方法 Animal.call(this,strName,intAge); // Animal.apply(this,new Array(strName,intAge)); // 定义新属性方法 // private fields var color = strColor; // public methods this.getInfo = function(){ return "name:" + this.getName() + "\n" + "age:" + this.getAge() + "\n" + "color:" + color; }; } // 3. prototype 继承 // prototype 声明的属性方法被所有对象共享 // prototype 只有在读属性的时候会用到 Function.prototype.extend = function(superClass){ // 此处的 F 是为了避免子类访问父类中的属性 this.xxx function F(){}; F.prototype = superClass.prototype; // 父类构造函数 this.superConstructor = superClass; this.superClass = superClass.prototype; this.prototype = new F(); this.prototype.constructor = this; }; Function.prototype.mixin = function(props){ for (var p in props){ this.prototype[p] = props[p]; } }; function Box(){} Box.prototype = { getText : function(){ return this.text; }, setText : function(text){ this.text = text; } }; function CheckBox(){} CheckBox.extend(Box); CheckBox.mixin({ isChecked : function(){ return this.checked; }, setChecked : function(checked){ this.checked = checked; } });

9. call,apply & bind

代码如下:
函数 var tmpfun = fun.bind(thisArg); var result = tmpfun(arg1,...);

代码如下:
功能 */ Function.prototype.bind = function(obj){ var method = this; var tmpfun = function(){ return method.apply(obj,arguments); }; return tmpfun; } function Parent(){ this.name = "parent"; } function Child(){ this.name = "child"; this.getName = function(time){ return time + " " + this.name; }; } var parent = new Parent(); var child = new Child(); alert(child.getName(1)); // show 1 child alert(child.getName.call(parent,2)); // show 2 parent [call & apply 会立即执行] var tmpfun = child.getName.bind(parent);// bind 不会立即执行 alert(tmpfun(3)); // show 3 parent

10. js "==" Operator

代码如下:
0,true -> 1; 如果一个操作数是数字,另一操作数是字符串,则比较之前将字符串转成数字; 如果一个操作数是对象,另一操作数是数字或字符串,则比较之前会将对象转为基本类型, 引擎会先尝试调用 valueOf(),如果 valueOf() 没有 override 或返回一个对象, 则引擎会尝试调用 toString(),如果 toString() 没有 override 或返回一个对象,则抛出异常; 如果是两个对象进行比较,则判断它们是否引用同一对象; 如果一个操作数是 NaN,== 将返回 false,!= 将返回 true; null 和 undefined 与其它值比较将返回 false, 但 null == null,undefined == undefined,null == undefined; 参与比较时 null 和 undefined 不能转为其它值;

原文链接:https://www.f2er.com/js/57124.html

猜你在找的JavaScript相关文章