javascript常用方法函数收集

冷暖自知 提交于 2020-03-03 21:01:39

字符串长度截取

  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. }

 

替换全部

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

清除空格

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

清除左空格/右空格

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

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

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

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

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

转义html标签

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

时间日期格式转换

  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. }

判断是否为数字类型

  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值

  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值

  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. }

加入收藏夹

  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. }

设为首页

  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. }

加载样式文件

  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. }

返回脚本内容

  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. }

清除脚本内容

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

动态加载脚本文件

  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检索的元素对象

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

跨浏览器绑定事件

  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. }

跨浏览器删除事件

  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方法

  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方法

  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链接是否有效

  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样式代码

  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样式代码

  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. }

获取当前路径

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

判断是否移动设备

  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. }

判断是否移动设备访问

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

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

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

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

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

判断是否Touch屏幕

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

判断是否打开视窗

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

获取移动设备初始化大小

  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. }

获取移动设备最大化大小

  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. }

获取移动设备屏幕宽度

  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. }

完美判断是否为网址

  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

  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. }

获取页面高度

  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

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

获取页面可视宽度

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

获取页面宽度

  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

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

获取页面可视高度

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

去掉url前缀

  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. }

随机数时间戳

  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. }

全角半角转换

  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. }

确认是否键盘有效输入值

  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. }

获取网页被卷去的位置

  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. }

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

  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"));

时间个性化输出功能

  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兼容性问题

  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. }

常用的正则表达式

  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]+$

返回顶部的通用方法

  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参数值

  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. }

打开一个窗体通用方法

  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. }

提取页面代码中所有网址

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

清除相同的数组

  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. };

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

  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. }

字符串反序

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

清除html代码中的脚本

  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脚本

  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. }

金额大写转换函数

  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的操作

  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解码

  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解码

  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. }

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

  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. }

断鼠标是否移出事件

  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. }

半角转换为全角函数

  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. }

全角转换为半角函数

  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. }

 

转至:http://www.css88.com/archives/5180

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!