javascript常用方法函数收集

收集了一些比较常用的javascript函数。

字符串长度截取

js 代码:

1. function cutstr(str, len) {
2. var temp,
3. icount = 0,
4. patrn = /[^\x00-\xff]/，
5. strre = "";
6. for (var i = 0; i < str.length; i++) {
7. if (icount < len - 1) {
8. temp = str.substr(i, 1);
9. if (patrn.exec(temp) == null) {
10. icount = icount + 1
11. } else {
12. icount = icount + 2
13. }
14. strre += temp
15. } else {
16. break;
17. }
18. }
19. return strre + "..."
20. }

替换全部

js 代码:

1. String.prototype.replaceAll = function(s1, s2) {
2. return this.replace(new RegExp(s1, "gm"), s2)
3. }

清除空格

js 代码:

1. String.prototype.trim = function() {
2. var reExtraSpace = /^\s*(.*?)\s+$/;
3. return this.replace(reExtraSpace, "$1")
4. }

清除左空格/右空格

js 代码:

1. function ltrim(s){ return s.replace( /^(\s*|　*)/, ""); }
2. function rtrim(s){ return s.replace( /(\s*|　*)$/, ""); }

判断是否以某个字符串开头

js 代码:

1. String.prototype.startWith = function (s) {
2. return this.indexOf(s) == 0
3. }

判断是否以某个字符串结束

js 代码:

1. String.prototype.endWith = function (s) {
2. var d = this.length - s.length;
3. return (d >= 0 && this.lastIndexOf(s) == d)
4. }

转义html标签

js 代码:

1. function HtmlEncode(text) {
2. return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>')
3. }

时间日期格式转换

js 代码:

1. Date.prototype.Format = function(formatStr) {
2. var str = formatStr;
3. var Week = ['日', '一', '二', '三', '四', '五', '六'];
4. str = str.replace(/yyyy|YYYY/, this.getFullYear());
5. str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
6. str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
7. str = str.replace(/M/g, (this.getMonth() + 1));
8. str = str.replace(/w|W/g, Week[this.getDay()]);
9. str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
10. str = str.replace(/d|D/g, this.getDate());
11. str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
12. str = str.replace(/h|H/g, this.getHours());
13. str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
14. str = str.replace(/m/g, this.getMinutes());
15. str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
16. str = str.replace(/s|S/g, this.getSeconds());
17. return str
18. }

判断是否为数字类型

js 代码:

1. function isDigit(value) {
2. var patrn = /^[0-9]*$/;
3. if (patrn.exec(value) == null || value == "") {
4. return false
5. } else {
6. return true
7. }
8. }

设置cookie值

js 代码:

1. function setCookie(name, value, Hours) {
2. var d = new Date();
3. var offset = 8;
4. var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
5. var nd = utc + (3600000 * offset);
6. var exp = new Date(nd);
7. exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);
8. document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"
9. }

获取cookie值

js 代码:

1. function getCookie(name) {
2. var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
3. if (arr != null) return unescape(arr[2]);
4. return null
5. }

加入收藏夹

js 代码:

1. function AddFavorite(sURL, sTitle) {
2. try {
3. window.external.addFavorite(sURL, sTitle)
4. } catch(e) {
5. try {
6. window.sidebar.addPanel(sTitle, sURL, "")
7. } catch(e) {
8. alert("加入收藏失败，请使用Ctrl+D进行添加")
9. }
10. }
11. }

设为首页

js 代码:

1. function setHomepage() {
2. if (document.all) {
3. document.body.style.behavior = 'url(#default#homepage)';
4. document.body.setHomePage('http://w3cboy.com')
5. } else if (window.sidebar) {
6. if (window.netscape) {
7. try {
8. netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")
9. } catch(e) {
10. alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true")
11. }
12. }
13. var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
14. prefs.setCharPref('browser.startup.homepage', 'http://w3cboy.com')
15. }
16. }

加载样式文件

js 代码:

1. function LoadStyle(url) {
2. try {
3. document.createStyleSheet(url)
4. } catch(e) {
5. var cssLink = document.createElement('link');
6. cssLink.rel = 'stylesheet';
7. cssLink.type = 'text/css';
8. cssLink.href = url;
9. var head = document.getElementsByTagName('head')[0];
10. head.appendChild(cssLink)
11. }
12. }

返回脚本内容

js 代码:

1. function evalscript(s) {
2. if(s.indexOf('<script') == -1) return s;
3. var p = /<script[^\>]*?>([^\x00]*?)<\/script>/ig;
4. var arr = [];
5. while(arr = p.exec(s)) {
6. var p1 = /<script[^\>]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;
7. var arr1 = [];
8. arr1 = p1.exec(arr[0]);
9. if(arr1) {
10. appendscript(arr1[1], '', arr1[2], arr1[3]);
11. } else {
12. p1 = /<script(.*?)>([^\x00]+?)<\/script>/i;
13. arr1 = p1.exec(arr[0]);
14. appendscript('', arr1[2], arr1[1].indexOf('reload=') != -1);
15. }
16. }
17. return s;
18. }

清除脚本内容

js 代码:

1. function stripscript(s) {
2. return s.replace(/<script.*?>.*?<\/script>/ig, '');
3. }

动态加载脚本文件

js 代码:

1. function appendscript(src, text, reload, charset) {
2. var id = hash(src + text);
3. if(!reload && in_array(id, evalscripts)) return;
4. if(reload && $(id)) {
5. $(id).parentNode.removeChild($(id));
6. }
7.  
8. evalscripts.push(id);
9. var scriptNode = document.createElement("script");
10. scriptNode.type = "text/javascript";
11. scriptNode.id = id;
12. scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
13. try {
14. if(src) {
15. scriptNode.src = src;
16. scriptNode.onloadDone = false;
17. scriptNode.onload = function () {
18. scriptNode.onloadDone = true;
19. JSLOADED[src] = 1;
20. };
21. scriptNode.onreadystatechange = function () {
22. if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode.onloadDone) {
23. scriptNode.onloadDone = true;
24. JSLOADED[src] = 1;
25. }
26. };
27. } else if(text){
28. scriptNode.text = text;
29. }
30. document.getElementsByTagName('head')[0].appendChild(scriptNode);
31. } catch(e) {}
32. }

返回按ID检索的元素对象

js 代码:

1. function $(id) {
2. return !id ? null : document.getElementById(id);
3. }

跨浏览器绑定事件

js 代码:

1. function addEventSamp(obj,evt,fn){
2. if(!oTarget){return;}
3. if (obj.addEventListener) {
4. obj.addEventListener(evt, fn, false);
5. }else if(obj.attachEvent){
6. obj.attachEvent('on'+evt,fn);
7. }else{
8. oTarget["on" + sEvtType] = fn;
9. }
10. }

跨浏览器删除事件

js 代码:

1. function delEvt(obj,evt,fn){
2. if(!obj){return;}
3. if(obj.addEventListener){
4. obj.addEventListener(evt,fn,false);
5. }else if(oTarget.attachEvent){
6. obj.attachEvent("on" + evt,fn);
7. }else{
8. obj["on" + evt] = fn;
9. }
10. }

为元素添加on方法

js 代码:

1. Element.prototype.on = Element.prototype.addEventListener;
2.  
3. NodeList.prototype.on = function (event, fn) {、
4. []['forEach'].call(this, function (el) {
5. el.on(event, fn);
6. });
7. return this;
8. };

为元素添加trigger方法

js 代码:

1. Element.prototype.trigger = function (type, data) {
2. var event = document.createEvent('HTMLEvents');
3. event.initEvent(type, true, true);
4. event.data = data || {};
5. event.eventName = type;
6. event.target = this;
7. this.dispatchEvent(event);
8. return this;
9. };
10.  
11. NodeList.prototype.trigger = function (event) {
12. []['forEach'].call(this, function (el) {
13. el['trigger'](event);
14. });
15. return this;
16. };

检验URL链接是否有效

js 代码:

1. function getUrlState(URL){
2. var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
3. xmlhttp.Open("GET",URL, false);
4. try{
5. xmlhttp.Send();
6. }catch(e){
7. }finally{
8. var result = xmlhttp.responseText;
9. if(result){
10. if(xmlhttp.Status==200){
11. return(true);
12. }else{
13. return(false);
14. }
15. }else{
16. return(false);
17. }
18. }
19. }

格式化CSS样式代码

js 代码:

1. function formatCss(s){//格式化代码
2. s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
3. s = s.replace(/;\s*;/g, ";"); //清除连续分号
4. s = s.replace(/\,[\s\.\#\d]*{/g, "{");
5. s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
6. s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
7. s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
8. return s;
9. }

压缩CSS样式代码

js 代码:

1. function compressCss (s) {//压缩代码
2. s = s.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释
3. s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
4. s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); //容错处理
5. s = s.replace(/;\s*;/g, ";"); //清除连续分号
6. s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
7. return (s == null) ? "" : s[1];
8. }

获取当前路径

js 代码:

1. var currentPageUrl = "";
2. if (typeof this.href === "undefined") {
3. currentPageUrl = document.location.toString().toLowerCase();
4. }else {
5. currentPageUrl = this.href.toString().toLowerCase();
6. }

判断是否移动设备

js 代码:

1. function isMobile(){
2. if (typeof this._isMobile === 'boolean'){
3. return this._isMobile;
4. }
5. var screenWidth = this.getScreenWidth();
6. var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport ||rendererModel.runningExperiments.fixviewport;
7. var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
8. if(!fixViewPortsExperiment){
9. if(!this.isAppleMobileDevice()){
10. screenWidth = screenWidth/window.devicePixelRatio;
11. }
12. }
13. var isMobileScreenSize = screenWidth < 600;
14. var isMobileUserAgent = false;
15. this._isMobile = isMobileScreenSize && this.isTouchScreen();
16. return this._isMobile;
17. }

判断是否移动设备访问

js 代码:

1. function isMobileUserAgent(){
2. return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
3. }

判断是否苹果移动设备访问

js 代码:

1. function isAppleMobileDevice(){
2. return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
3. }

判断是否安卓移动设备访问

js 代码:

1. function isAndroidMobileDevice(){
2. return (/android/i.test(navigator.userAgent.toLowerCase()));
3. }

判断是否Touch屏幕

js 代码:

1. function isTouchScreen(){
2. return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
3. }

判断是否打开视窗

js 代码:

1. function isViewportOpen() {
2. return !!document.getElementById('wixMobileViewport');
3. }

获取移动设备初始化大小

js 代码:

1. function getInitZoom(){
2. if(!this._initZoom){
3. var screenWidth = Math.min(screen.height, screen.width);
4. if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
5. screenWidth = screenWidth/window.devicePixelRatio;
6. }
7. this._initZoom = screenWidth /document.body.offsetWidth;
8. }
9. return this._initZoom;
10. }

获取移动设备最大化大小

js 代码:

1. function getZoom(){
2. var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
3. if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
4. screenWidth = screenWidth/window.devicePixelRatio;
5. }
6. var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
7. var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");
8. if(FixViewPortsExperimentRunning){
9. return screenWidth / window.innerWidth;
10. }else{
11. return screenWidth / document.body.offsetWidth;
12. }
13. }

获取移动设备屏幕宽度

js 代码:

1. function getScreenWidth(){
2. var smallerSide = Math.min(screen.width, screen.height);
3. var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
4. var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
5. if(fixViewPortsExperiment){
6. if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
7. smallerSide = smallerSide/window.devicePixelRatio;
8. }
9. }
10. return smallerSide;
11. }

完美判断是否为网址

js 代码:

1. function IsURL(strUrl) {
2. var regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i
3. if (regular.test(strUrl)) {
4. return true;
5. }else {
6. return false;
7. }
8. }

getElementsByClassName

js 代码:

1. function getElementsByClassName(name) {
2. var tags = document.getElementsByTagName('*') || document.all;
3. var els = [];
4. for (var i = 0; i < tags.length; i++) {
5. if (tags.className) {
6. var cs = tags.className.split(' ');
7. for (var j = 0; j < cs.length; j++) {
8. if (name == cs[j]) {
9. els.push(tags);
10. break
11. }
12. }
13. }
14. }
15. return els
16. }

获取页面高度

js 代码:

1. function getPageHeight(){
2. var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
3. ? a
4. : g.documentElement;
5. return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);
6. }

获取页面scrollLeft

js 代码:

1. function getPageScrollLeft(){
2. var a = document;
3. return a.documentElement.scrollLeft || a.body.scrollLeft;
4. }

获取页面可视宽度

js 代码:

1. function getPageViewWidth(){
2. var d = document, a = d.compatMode == "BackCompat"
3. ? d.body
4. : d.documentElement;
5. return a.clientWidth;
6. }

获取页面宽度

js 代码:

1. function getPageWidth(){
2. var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
3. ? a
4. : g.documentElement;
5. return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);
6. }

获取页面scrollTop

js 代码:

1. function getPageScrollTop(){
2. var a = document;
3. return a.documentElement.scrollTop || a.body.scrollTop;
4. }

获取页面可视高度

js 代码:

1. function getPageViewHeight() {
2. var d = document, a = d.compatMode == "BackCompat"
3. ? d.body
4. : d.documentElement;
5. return a.clientHeight;
6. }

去掉url前缀

js 代码:

1. function removeUrlPrefix(a){
2. a=a.replace(/：/g,":").replace(/．/g,".").replace(/／/g,"/");
3. while(trim(a).toLowerCase().indexOf("http://")==0){
4. a=trim(a.replace(/http:\/\//i,""));
5. }
6. return a;
7. }

随机数时间戳

js 代码:

1. function uniqueId(){
2. var a=Math.random,b=parseInt;
3. return Number(new Date()).toString()+b(10*a())+b(10*a())+b(10*a());
4. }

全角半角转换

js 代码:

1. //iCase: 0全到半，1半到全，其他不转化
2. function chgCase(sStr,iCase){
3. if(typeof sStr != "string" || sStr.length <= 0 || !(iCase === 0 || iCase == 1)){
4. return sStr;
5. }
6. var i,oRs=[],iCode;
7. if(iCase){/*半->全*/
8. for(i=0; i<sStr.length;i+=1){
9. iCode = sStr.charCodeAt(i);
10. if(iCode == 32){
11. iCode = 12288;
12. }else if(iCode < 127){
13. iCode += 65248;
14. }
15. oRs.push(String.fromCharCode(iCode));
16. }
17. }else{/*全->半*/
18. for(i=0; i<sStr.length;i+=1){
19. iCode = sStr.charCodeAt(i);
20. if(iCode == 12288){
21. iCode = 32;
22. }else if(iCode > 65280 && iCode < 65375){
23. iCode -= 65248;
24. }
25. oRs.push(String.fromCharCode(iCode));
26. }
27. }
28. return oRs.join("");
29. }

确认是否键盘有效输入值

js 代码:

1. function checkKey(iKey){
2. if(iKey == 32 || iKey == 229){return true;}/*空格和异常*/
3. if(iKey>47 && iKey < 58){return true;}/*数字*/
4. if(iKey>64 && iKey < 91){return true;}/*字母*/
5. if(iKey>95 && iKey < 108){return true;}/*数字键盘1*/
6. if(iKey>108 && iKey < 112){return true;}/*数字键盘2*/
7. if(iKey>185 && iKey < 193){return true;}/*符号1*/
8. if(iKey>218 && iKey < 223){return true;}/*符号2*/
9. return false;
10. }

获取网页被卷去的位置

js 代码:

1. function getScrollXY() {
2. return document.body.scrollTop ? {
3. x: document.body.scrollLeft,
4. y: document.body.scrollTop
5. }: {
6. x: document.documentElement.scrollLeft,
7. y: document.documentElement.scrollTop
8. }
9. }

日期格式化函数+调用方法

js 代码:

1. Date.prototype.format = function(format){
2. var o = {
3. "M+" : this.getMonth()+1, //month
4. "d+" : this.getDate(), //day
5. "h+" : this.getHours(), //hour
6. "m+" : this.getMinutes(), //minute
7. "s+" : this.getSeconds(), //second
8. "q+" : Math.floor((this.getMonth()+3)/3), //quarter
9. "S" : this.getMilliseconds() //millisecond
10. };
11. if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
12. (this.getFullYear()+"").substr(4 - RegExp.$1.length));
13. for(var k in o){
14. if(new RegExp("("+ k +")").test(format))
15. format = format.replace(RegExp.$1,RegExp.$1.length==1 ? o[k] :("00"+ o[k]).substr((""+ o[k]).length));
16. }
17. return format;
18. }
19. alert(new Date().format("yyyy-MM-dd hh:mm:ss"));

时间个性化输出功能

js 代码:

1. /*
2. 1、< 60s, 显示为“刚刚”
3. 2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”
4. 3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”
5. 4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”
6. 5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”
7. */
8. function timeFormat(time){
9. var date = new Date(time),
10. curDate = new Date(),
11. year = date.getFullYear(),
12. month = date.getMonth() + 10,
13. day = date.getDate(),
14. hour = date.getHours(),
15. minute = date.getMinutes(),
16. curYear = curDate.getFullYear(),
17. curHour = curDate.getHours(),
18. timeStr;
19.  
20. if(year < curYear){
21. timeStr = year +'年'+ month +'月'+ day +'日 '+ hour +':'+ minute;
22. }else{
23. var pastTime = curDate - date,
24. pastH = pastTime/3600000;
25.  
26. if(pastH > curHour){
27. timeStr = month +'月'+ day +'日 '+ hour +':'+ minute;
28. }else if(pastH >= 1){
29. timeStr = '今天 ' + hour +':'+ minute +'分';
30. }else{
31. var pastM = curDate.getMinutes() - minute;
32. if(pastM > 1){
33. timeStr = pastM +'分钟前';
34. }else{
35. timeStr = '刚刚';
36. }
37. }
38. }
39. return timeStr;
40. }

解决offsetX兼容性问题

js 代码:

1. // 针对火狐不支持offsetX/Y
2. function getOffset(e){
3. var target = e.target, // 当前触发的目标对象
4. eventCoord,
5. pageCoord,
6. offsetCoord;
7.  
8. // 计算当前触发元素到文档的距离
9. pageCoord = getPageCoord(target);
10.  
11. // 计算光标到文档的距离
12. eventCoord = {
13. X : window.pageXOffset + e.clientX,
14. Y : window.pageYOffset + e.clientY
15. };
16.  
17. // 相减获取光标到第一个定位的父元素的坐标
18. offsetCoord = {
19. X : eventCoord.X - pageCoord.X,
20. Y : eventCoord.Y - pageCoord.Y
21. };
22. return offsetCoord;
23. }
24.  
25. function getPageCoord(element){
26. var coord = { X : 0, Y : 0 };
27. // 计算从当前触发元素到根节点为止，
28. // 各级 offsetParent 元素的 offsetLeft 或 offsetTop 值之和
29. while (element){
30. coord.X += element.offsetLeft;
31. coord.Y += element.offsetTop;
32. element = element.offsetParent;
33. }
34. return coord;
35. }

常用的正则表达式

js 代码:

1. //正整数
2. /^[0-9]*[1-9][0-9]*$/;
3. //负整数
4. /^-[0-9]*[1-9][0-9]*$/;
5. //正浮点数
6. /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
7. //负浮点数
8. /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;
9. //浮点数
10. /^(-?\d+)(\.\d+)?$/;
11. //email地址
12. /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
13. //url地址
14. /^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$/;
15. 或：^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$
16. //年/月/日（年-月-日、年.月.日）
17. /^(19|20)\d\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$/;
18. //匹配中文字符
19. /[\u4e00-\u9fa5]/;
20. //匹配帐号是否合法(字母开头，允许5-10字节，允许字母数字下划线)
21. /^[a-zA-Z][a-zA-Z0-9_]{4,9}$/;
22. //匹配空白行的正则表达式
23. /\n\s*\r/;
24. //匹配中国邮政编码
25. /[1-9]\d{5}(?!\d)/;
26. //匹配身份证
27. /\d{15}|\d{18}/;
28. //匹配国内电话号码
29. /(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/;
30. //匹配IP地址
31. /((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/;
32. //匹配首尾空白字符的正则表达式
33. /^\s*|\s*$/;
34. //匹配HTML标记的正则表达式
35. < (\S*?)[^>]*>.*?|< .*? />;
36. //sql 语句
37. ^(select|drop|delete|create|update|insert).*$
38. //提取信息中的网络链接
39. (h|H)(r|R)(e|E)(f|F) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
40. //提取信息中的邮件地址
41. \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
42. //提取信息中的图片链接
43. (s|S)(r|R)(c|C) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
44. //提取信息中的 IP 地址
45. (\d+)\.(\d+)\.(\d+)\.(\d+)
46. //取信息中的中国手机号码
47. (86)*0*13\d{9}
48. //提取信息中的中国邮政编码
49. [1-9]{1}(\d+){5}
50. //提取信息中的浮点数（即小数）
51. (-?\d*)\.?\d+
52. //提取信息中的任何数字
53. (-?\d*)(\.\d+)?
54. //电话区号
55. ^0\d{2,3}$
56. //腾讯 QQ 号
57. ^[1-9]*[1-9][0-9]*$
58. //帐号（字母开头，允许 5-16 字节，允许字母数字下划线）
59. ^[a-zA-Z][a-zA-Z0-9_]{4,15}$
60. //中文、英文、数字及下划线
61. ^[\u4e00-\u9fa5_a-zA-Z0-9]+$

返回顶部的通用方法

js 代码:

1. function backTop(btnId) {
2. var btn = document.getElementById(btnId);
3. var d = document.documentElement;
4. var b = document.body;
5. window.onscroll = set;
6. btn.style.display = "none";
7. btn.onclick = function() {
8. btn.style.display = "none";
9. window.onscroll = null;
10. this.timer = setInterval(function() {
11. d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
12. b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
13. if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer, window.onscroll = set);
14. }, 10);
15. };
16. function set() {
17. btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block': "none"
18. }
19. };
20. backTop('goTop');

获得URL中GET参数值

js 代码:

1. // 用法：如果地址是 test.htm?t1=1&t2=2&t3=3, 那么能取得：GET["t1"], GET["t2"], GET["t3"]
2. function get_get(){
3. querystr = window.location.href.split("?")
4. if(querystr[1]){
5. GETs = querystr[1].split("&");
6. GET = [];
7. for(i=0;i<GETs.length;i++){
8. tmp_arr = GETs.split("=")
9. key=tmp_arr[0]
10. GET[key] = tmp_arr[1]
11. }
12. }
13. return querystr[1];
14. }

打开一个窗体通用方法

js 代码:

1. function openWindow(url,windowName,width,height){
2. var x = parseInt(screen.width / 2.0) - (width / 2.0);
3. var y = parseInt(screen.height / 2.0) - (height / 2.0);
4. var isMSIE= (navigator.appName == "Microsoft Internet Explorer");
5. if (isMSIE) {
6. var p = "resizable=1,location=no,scrollbars=no,width=";
7. p = p+width;
8. p = p+",height=";
9. p = p+height;
10. p = p+",left=";
11. p = p+x;
12. p = p+",top=";
13. p = p+y;
14. retval = window.open(url, windowName, p);
15. } else {
16. var win = window.open(url, "ZyiisPopup", "top=" + y + ",left=" + x + ",scrollbars=" + scrollbars + ",dialog=yes,modal=yes,width=" + width + ",height=" + height + ",resizable=no" );
17. eval("try { win.resizeTo(width, height); } catch(e) { }");
18. win.focus();
19. }
20. }

提取页面代码中所有网址

js 代码:

1. var aa = document.documentElement.outerHTML.match(/(url\(|src=|href=)[\"\']*([^\"\'\(\)\<\>\[\] ]+)[\"\'\)]*|(http:\/\/[\w\-\.]+[^\"\'\(\)\<\>\[\] ]+)/ig).join("\r\n").replace(/^(src=|href=|url\()[\"\']*|[\"\'\>\) ]*$/igm,"");
2. alert(aa);

清除相同的数组

js 代码:

1. String.prototype.unique=function(){
2. var x=this.split(/[\r\n]+/);
3. var y='';
4. for(var i=0;i<x.length;i++){
5. if(!new RegExp("^"+x.replace(/([^\w])/ig,"\\$1")+"$","igm").test(y)){
6. y+=x+"\r\n"
7. }
8. }
9. return y
10. };

按字母排序，对每行进行数组排序

js 代码:

1. function SetSort(){
2. var text=K1.value.split(/[\r\n]/).sort().join("\r\n");//顺序
3. var test=K1.value.split(/[\r\n]/).sort().reverse().join("\r\n");//反序
4. K1.value=K1.value!=text?text:test;
5. }

字符串反序

js 代码:

1. function IsReverse(text){
2. return text.split('').reverse().join('');
3. }

清除html代码中的脚本

js 代码:

1. function clear_script(){
2. K1.value=K1.value.replace(/<script.*?>[\s\S]*?<\/script>|\s+on[a-zA-Z]{3,16}\s?=\s?"[\s\S]*?"|\s+on[a-zA-Z]{3,16}\s?=\s?'[\s\S]*?'|\s+on[a-zA-Z]{3,16}\s?=[^ >]+/ig,"");
3. }
4. 动态执行JavaScript脚本
5.  
6. function javascript(){
7. try{
8. eval(K1.value);
9. }catch(e){
10. alert(e.message);
11. }
12. }

动态执行VBScript脚本

js 代码:

1. function vbscript(){
2. try{
3. var script=document.getElementById("K1").value;
4. if(script.trim()=="")return;
5. window.execScript('On Error Resume Next \n'+script+'\n If Err.Number<>0 Then \n MsgBox "请输入正确的VBScript脚本!",48,"脚本错误!" \n End If',"vbscript")
6. }catch(e){
7. alert(e.message);
8. }
9. }

金额大写转换函数

js 代码:

1. function transform(tranvalue) {
2. try {
3. var i = 1;
4. var dw2 = new Array("", "万", "亿"); //大单位
5. var dw1 = new Array("拾", "佰", "仟"); //小单位
6. var dw = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); //整数部分用
7. //以下是小写转换成大写显示在合计大写的文本框中
8. //分离整数与小数
9. var source = splits(tranvalue);
10. var num = source[0];
11. var dig = source[1];
12. //转换整数部分
13. var k1 = 0; //计小单位
14. var k2 = 0; //计大单位
15. var sum = 0;
16. var str = "";
17. var len = source[0].length; //整数的长度
18. for (i = 1; i <= len; i++) {
19. var n = source[0].charAt(len - i); //取得某个位数上的数字
20. var bn = 0;
21. if (len - i - 1 >= 0) {
22. bn = source[0].charAt(len - i - 1); //取得某个位数前一位上的数字
23. }
24. sum = sum + Number(n);
25. if (sum != 0) {
26. str = dw[Number(n)].concat(str); //取得该数字对应的大写数字，并插入到str字符串的前面
27. if (n == '0') sum = 0;
28. }
29. if (len - i - 1 >= 0) { //在数字范围内
30. if (k1 != 3) { //加小单位
31. if (bn != 0) {
32. str = dw1[k1].concat(str);
33. }
34. k1++;
35. } else { //不加小单位，加大单位
36. k1 = 0;
37. var temp = str.charAt(0);
38. if (temp == "万" || temp == "亿") //若大单位前没有数字则舍去大单位
39. str = str.substr(1, str.length - 1);
40. str = dw2[k2].concat(str);
41. sum = 0;
42. }
43. }
44. if (k1 == 3){ //小单位到千则大单位进一
45. k2++;
46. }
47. }
48. //转换小数部分
49. var strdig = "";
50. if (dig != "") {
51. var n = dig.charAt(0);
52. if (n != 0) {
53. strdig += dw[Number(n)] + "角"; //加数字
54. }
55. var n = dig.charAt(1);
56. if (n != 0) {
57. strdig += dw[Number(n)] + "分"; //加数字
58. }
59. }
60. str += "元" + strdig;
61. } catch(e) {
62. return "0元";
63. }
64. return str;
65. }
66. //拆分整数与小数
67. function splits(tranvalue) {
68. var value = new Array('', '');
69. temp = tranvalue.split(".");
70. for (var i = 0; i < temp.length; i++) {
71. value = temp;
72. }
73. return value;
74. }

resize的操作

js 代码:

1. (function(){
2. var fn = function(){
3. var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth
4. ,r = 1255
5. ,b = Element.extend(document.body)
6. ,classname = b.className;
7. if(w < r){
8. //当窗体的宽度小于1255的时候执行相应的操作
9. }else{
10. //当窗体的宽度大于1255的时候执行相应的操作
11. }
12. }
13. if(window.addEventListener){
14. window.addEventListener('resize', function(){ fn(); });
15. }else if(window.attachEvent){
16. window.attachEvent('onresize', function(){ fn(); });
17. }
18. fn();
19. })();

实现base64解码

js 代码:

1. function base64_decode(data){
2. var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
3. var o1, o2, o3, h1, h2, h3, h4, bits, i = 0,ac = 0,dec = "",tmp_arr = [];
4. if (!data) { return data; }
5. data += '';
6. do {
7. h1 = b64.indexOf(data.charAt(i++));
8. h2 = b64.indexOf(data.charAt(i++));
9. h3 = b64.indexOf(data.charAt(i++));
10. h4 = b64.indexOf(data.charAt(i++));
11. bits = h1 << 18 | h2 << 12 | h3 << 6 | h4;
12. o1 = bits >> 16 & 0xff;
13. o2 = bits >> 8 & 0xff;
14. o3 = bits & 0xff;
15. if (h3 == 64) {
16. tmp_arr[ac++] = String.fromCharCode(o1);
17. } else if (h4 == 64) {
18. tmp_arr[ac++] = String.fromCharCode(o1, o2);
19. } else {
20. tmp_arr[ac++] = String.fromCharCode(o1, o2, o3);
21. }
22. } while (i < data.length);
23. dec = tmp_arr.join('');
24. dec = utf8_decode(dec);
25. return dec;
26. }

实现utf8解码

js 代码:

1. function utf8_decode(str_data){
2. var tmp_arr = [],i = 0,ac = 0,c1 = 0,c2 = 0,c3 = 0;str_data += '';
3. while (i < str_data.length) {
4. c1 = str_data.charCodeAt(i);
5. if (c1 < 128) {
6. tmp_arr[ac++] = String.fromCharCode(c1);
7. i++;
8. } else if (c1 > 191 && c1 < 224) {
9. c2 = str_data.charCodeAt(i + 1);
10. tmp_arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));
11. i += 2;
12. } else {
13. c2 = str_data.charCodeAt(i + 1);
14. c3 = str_data.charCodeAt(i + 2);
15. tmp_arr[ac++] = String.fromCharCode(((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
16. i += 3;
17. }
18. }
19. return tmp_arr.join('');
20. }

获取窗体可见范围的宽与高

js 代码:

1. function getViewSize(){
2. var de=document.documentElement;
3. var db=document.body;
4. var viewW=de.clientWidth==0 ? db.clientWidth : de.clientWidth;
5. var viewH=de.clientHeight==0 ? db.clientHeight : de.clientHeight;
6. return Array(viewW ,viewH);
7. }

断鼠标是否移出事件

js 代码:

1. function isMouseOut(e, handler) {
2. if (e.type !== 'mouseout') {
3. return false;
4. }
5. var reltg = e.relatedTarget ? e.relatedTarget : e.type === 'mouseout' ? e.toElement : e.fromElement;
6. while (reltg && reltg !== handler) {
7. reltg = reltg.parentNode;
8. }
9. return (reltg !== handler);
10. }

半角转换为全角函数

js 代码:

1. function ToDBC(str){
2. var result = '';
3. for(var i=0; i < str.length; i++){
4. code = str.charCodeAt(i);
5. if(code >= 33 && code <= 126){
6. result += String.fromCharCode(str.charCodeAt(i) + 65248);
7. }else if (code == 32){
8. result += String.fromCharCode(str.charCodeAt(i) + 12288 - 32);
9. }else{
10. result += str.charAt(i);
11. }
12. }
13. return result;
14. }

全角转换为半角函数

js 代码:

1. function ToCDB(str){
2. var result = '';
3. for(var i=0; i < str.length; i++){
4. code = str.charCodeAt(i);
5. if(code >= 65281 && code <= 65374){
6. result += String.fromCharCode(str.charCodeAt(i) - 65248);
7. }else if (code == 12288){
8. result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32);
9. }else{
10. result += str.charAt(i);
11. }
12. }
13. return result;
14. }