DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS擴展方法實例分析
JS擴展方法實例分析
編輯:JavaScript綜合知識     

 JS擴展方法與C#的擴展方法非常相似,也是可以鏈式調用的,也是通過對某個類的擴展寫法來實現。這個東西非常好用,如果將預先寫好的方法放到一個js裡面引用的話,那麼後面寫js將非常有趣。

下面給出一個例子:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <head> <title>測試JS擴展方法</title> <script type="text/javascript"> // 合並多個空白為一個空白 String.prototype.ResetBlank = function() { //對字符串擴展 var regEx = /s+/g; return this.replace(regEx, ' '); }; window.onload = function() { var str = "你 在他想還好嗎?"; alert(str); str = str.ResetBlank(); //這樣就能夠調用了,跟C#的很像吧! alert(str); } </script> </head>

好像只是告訴自己有這樣一個東西而已;

下面給出找到的一個非常不錯的js擴展:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 // 清除兩邊的空格 String.prototype.trim = function() { return this.replace(/(^s*)|(s*$)/g, ''); }; // 合並多個空白為一個空白 String.prototype.ResetBlank = function() { var regEx = /s+/g; return this.replace(regEx, ' '); };   // 保留數字 String.prototype.GetNum = function() { var regEx = /[^d]/g; return this.replace(regEx, ''); };   // 保留中文 String.prototype.GetCN = function() { var regEx = /[^u4e00-u9fa5uf900-ufa2d]/g; return this.replace(regEx, ''); };   // String轉化為Number String.prototype.ToInt = function() { return isNaN(parseInt(this)) ? this.toString() : parseInt(this); };   // 得到字節長度 String.prototype.GetLen = function() { var regEx = /^[u4e00-u9fa5uf900-ufa2d]+$/; if (regEx.test(this)) { return this.length * 2; } else { var oMatches = this.match(/[x00-xff]/g); var oLength = this.length * 2 - oMatches.length; return oLength; } };   // 獲取文件全名 String.prototype.GetFileName = function() { var regEx = /^.*/([^/?]*).*$/; return this.replace(regEx, '$1'); };   // 獲取文件擴展名 String.prototype.GetExtensionName = function() { var regEx = /^.*/[^/]*(.[^.?]*).*$/; return this.replace(regEx, '$1'); };   //替換所有 String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { if (!RegExp.prototype.isPrototypeOf(reallyDo)) { return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi" : "g")), replaceWith); } else { return this.replace(reallyDo, replaceWith); } }; //格式化字符串 add By 劉景寧 2010-12-09 String.Format = function() { if (arguments.length == 0) { return ''; }   if (arguments.length == 1) { return arguments[0]; }   var reg = /{(d+)?}/g; var args = arguments; var result = arguments[0].replace(reg, function($0, $1) { return args[parseInt($1) + 1]; }); return result; };   // 數字補零 Number.prototype.LenWithZero = function(oCount) { var strText = this.toString(); while (strText.length < oCount) { strText = '0' + strText; } return strText; };   // Unicode還原 Number.prototype.ChrW = function() { return String.fromCharCode(this); };   // 數字數組由小到大排序 Array.prototype.Min2Max = function() { var oValue; for (var i = 0; i < this.length; i++) { for (var j = 0; j <= i; j++) { if (this[i] < this[j]) { oValue = this[i]; this[i] = this[j]; this[j] = oValue; } } } return this; };   // 數字數組由大到小排序 Array.prototype.Max2Min = function() { var oValue; for (var i = 0; i < this.length; i++) { for (var j = 0; j <= i; j++) { if (this[i] > this[j]) { oValue = this[i]; this[i] = this[j]; this[j] = oValue; } } } return this; };   // 獲得數字數組中最大項 Array.prototype.GetMax = function() { var oValue = 0; for (var i = 0; i < this.length; i++) { if (this[i] > oValue) { oValue = this[i]; } } return oValue; };   // 獲得數字數組中最小項 Array.prototype.GetMin = function() { var oValue = 0; for (var i = 0; i < this.length; i++) { if (this[i] < oValue) { oValue = this[i]; } } return oValue; };   // 獲取當前時間的中文形式 Date.prototype.GetCNDate = function() { var oDateText = ''; oDateText += this.getFullYear().LenWithZero(4) + new Number(24180).ChrW(); oDateText += this.getMonth().LenWithZero(2) + new Number(26376).ChrW(); oDateText += this.getDate().LenWithZero(2) + new Number(26085).ChrW(); oDateText += this.getHours().LenWithZero(2) + new Number(26102).ChrW(); oDateText += this.getMinutes().LenWithZero(2) + new Number(20998).ChrW(); oDateText += this.getSeconds().LenWithZero(2) + new Number(31186).ChrW(); oDateText += new Number(32).ChrW() + new Number(32).ChrW() + new Number(26143).ChrW() + new Number(26399).ChrW() + new String('26085199682010819977222352011620845').substr(this.getDay() * 5, 5).ToInt().ChrW(); return oDateText; }; //擴展Date格式化 Date.prototype.Format = function(format) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小時 "H+": this.getHours(), //小時 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; var week = { "0": "u65e5", "1": "u4e00", "2": "u4e8c", "3": "u4e09", "4": "u56db", "5": "u4e94", "6": "u516d" }; if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); } if (/(E+)/.test(format)) { format = format.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "u661fu671f" : "u5468") : "") + week[this.getDay() + ""]); } 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))); } } return format; } Date.prototype.Diff = function(interval, objDate) { //若參數不足或 objDate 不是日期類型則回傳 undefined if (arguments.length < 2 || objDate.constructor != Date) { return undefined; } switch (interval) { //計算秒差 case 's': return parseInt((objDate - this) / 1000); //計算分差 case 'n': return parseInt((objDate - this) / 60000); //計算時差 case 'h': return parseInt((objDate - this) / 3600000); //計算日差 case 'd': return parseInt((objDate - this) / 86400000); //計算周差 case 'w': return parseInt((objDate - this) / (86400000 * 7)); //計算月差 case 'm': return (objDate.getMonth() + 1) + ((objDate.getFullYear() - this.getFullYear()) * 12) - (this.getMonth() + 1); //計算年差 case 'y': return objDate.getFullYear() - this.getFullYear(); //輸入有誤 default: return undefined; } };   //檢測是否為空 Object.prototype.IsNullOrEmpty = function() { var obj = this; var flag = false; if (obj == null || obj == undefined || typeof (obj) == 'undefined' || obj == '') { flag = true; } else if (typeof (obj) == 'string') { obj = obj.trim(); if (obj == '') {//為空 flag = true; } else {//不為空 obj = obj.toUpperCase(); if (obj == 'NULL' || obj == 'UNDEFINED' || obj == '{}') { flag = true; } } } else { flag = false; } return flag;
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved