Utils工具方法集插件详解
var Utils = function(){};
Utils.text = {
stripTags: function (val) {
return val.replace(/<\/?[^>]+>/gi, ""); //正则表达式中的<\/?其实就是匹配</或<,后面的[^>]+其实就是匹配不是>的任何一个或多个字符,因此此正则可以匹配<div>,</div>,<input type="text" />,很明显,此方法是去掉标签的工具方法。
},
decodeHTML: function (val) { //html解码
var s = val;
s = s.replace(/</gi, "<");
s = s.replace(/>/gi, ">");
s = s.replace(/"/gi, "\""); //这里的"\""可以改成'"'
s = s.replace(/ /gi, " ");
s = s.replace(/'/gi, "'");
s = s.replace(/&/gi, "&");
return s;
},
encodeHTML: function (val) {
var s = val;
s = s.replace(/&/g, "&");
s = s.replace(/</g, "<");
s = s.replace(/>/g, ">");
s = s.replace(/\"/g, """);
s = s.replace(/ /g, " ");
s = s.replace(/\'/g, "'");
return s;
},
trim: function (val) {
return val.replace(/(^\s*)|(\s*$)/g, "");
},
len: function (val) { //返回字符串的字节数,中文2个字节,其它1个字节
var len = 0;
for (var i = 0, l = val.length; i < l; i++) {
if (val.charCodeAt(i) > 255) {
len += 2;
} else {
len++;
}
}
return len;
},
lefts: function (val,len, isAddDot) { //从字符串左边开始截取指定的字符数
var str = val;
if (val.length > len) {
str = val.substring(0, len);
if (isAddDot) {
str += "...";
}
}
return str;
},
isNumber: function (val) { //判断字符串是否为纯数字
return (val.search(/^\d+$/g) == 0);
},
inStr: function (val,str, isCase) { //字符串val是否存在于另外一个字符串str中,isCase是否区分大小写
var v = val;
var m = (isCase) ? "" : "i"; //默认情况下,是不区分大小写的
var reg = new RegExp("\\b" + v + "\\b", m); // \b的意思是匹配一个单词边界,也就是指单词和空格间的位置。例如,“er\b”可以匹配“never”中的“er”,但不能匹配“verb”中的“er”。
return reg.test(str);
},
format: function (str) { //格式化这种结构的字符串:"{0} not quals {1}"。举个例子:Util.format("{0} not equals {1}", 5, 6),返回的结果:"5 not equals 6"。
var args = arguments;
var pattern = /{(\d)}/g; //此正则匹配{0},{1}。
return String(str).replace(pattern, function (match, subkey) {
subkey = parseInt(subkey, 10) + 1; //subkey就是匹配的第一个子表达式,这里就是数字
var value = args[subkey];
if(typeof value !== "undefined"){
return value;
}else{
return "";
}
});
}
};
Utils.Number ={
add: function (num, num1) { //两个浮点数相加
var m = 0, r1 = 0, r2 = 0;
var s1 = num.toString(), s2 = num1.toString();
try {
if (s1.indexOf(".") > -1) {
r1 = s1.split(".")[1].length; //小数点后面有多少位
}
} catch (e) {
r1 = 0;
}
try {
if (s2.indexOf(".") > -1) {
r2 = s2.split(".")[1].length;
}
} catch (e) {
r2 = 0;
}
m = Math.pow(10, Math.max(r1, r2)); //取两个浮点数,小数点后面位数最长的值,假如是3,那么m = 1000。
return (num * m + num1 * m) / m;
},
mul: function (num, num1) { //两个浮点数相乘
var m = 0, s1 = num.toString(), s2 = num1.toString();
try {
if (s1.indexOf(".") > -1) {
m += s1.split(".")[1].length; //把两个浮点数的小数点后面的位数相加
}
} catch (e1) {
}
try {
if (s2.indexOf(".") > -1) {
m += s2.split(".")[1].length;
}
} catch (e2) {
}
return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
},
div: function (num, num1) { //两个浮点数相除,num/num1
var t1 = 0, t2 = 0, r1, r2, s1 = num.toString(), s2 = num1.toString();
try {
if (s1.indexOf(".") > -1) {
t1 = s1.split(".")[1].length;
}
}
catch (e1) {
}
try {
if (s2.indexOf(".") > -1) {
t2 = s2.split(".")[1].length;
}
}
catch (e2) {
}
r1 = Number(s1.replace(".", ""));
r2 = Number(s2.replace(".", ""));
return (r1 / r2) * Math.pow(10, t2 - t1);
}
};
Utils.Date = {
dateDiff: function(dt1, dt2 ,interval){ // 两个日期相差多长时间,interval代表时间差类型:D(天),H(时),M(分),S(秒),T(毫秒)
var objInterval = {'D':1000 * 60 * 60 * 24 , 'H':1000 * 60 * 60 , 'M':1000 * 60 , 'S':1000 , 'T':1};
interval = interval.toUpperCase();
try{
return Math.round( (dt2.getTime() - dt1.getTime()) / objInterval[interval] );
}
catch (e)
{
return e.message;
}
}
};
Utils.Url={
query: function (key, url) { //获取url的指定查询参数
url = url || location.href;
var reg = new RegExp('[?&]' + key + '=([^&#]*)'); //获取url上面指定的key值
var match = url.match(reg);
if (match) {
try {
return decodeURIComponent(match[1]); //取到的值需要解码
} catch (e) {
}
}
return "";
},
getUrlQueryParams:function(url){ //获取url的所有查询参数
var params = {};
url = url || location.href;
var regex = /[?&]([\w]+)=([^&#]*)/g; //第一个子表达式匹配key,第二个子表达式匹配value
while( ( results = regex.exec( url ) ) != null ){
params[decodeURIComponent(results[1])]=decodeURIComponent(results[2]);
}
return params;
},
addParameter: function ( url , key, value) { //给url添加查询字符串
url = url || location.href;
if(url.indexOf("#") != -1) {url = url.split("#")[0];var hash = url.split("#")[1];}
if (url.indexOf("?") == -1) url += "?"; //如果没有?,就证明原来的url没有查询字符串,因此加上?
if (url.indexOf(key + "=") == -1) { //如果url之前没有这个key值,就直接把这个查询字符串添加到url后面
return url + '&' + key + "=" + encodeURIComponent(value) + (hash ? hash : "");
} else { //如果url之前有这个key值,那么就替换掉
return url.replace(new RegExp("([?&])" + key + "=[^&]*"), "$1" + key + "=" + encodeURIComponent(value)) + (hash ? hash : "");
}
}
};
Utils.cookie = {
get: function (key) { //获取cookie中的name值
var cookie = document.cookie,cookieName = encodeURIComponent(key) + '=', //首先先获得cookie值
start = cookie.indexOf(cookieName), //再看cookie中是否有key值
value = null;
if (start > -1) {
var cookieEnd = document.cookie.indexOf(';', start);; //cookie中的值都是以";"隔开的,因此取到此值的结束点
if (cookieEnd == -1) { //如果此key值在cookie的最后面,就不会有";"。
cookieEnd = document.cookie.length;
}
value = decodeURIComponent(document.cookie.substring(start + cookieName.length, cookieEnd));
}
return value;
},
set: function (name, value, expires, path, domain, secure) { //设置cookie的值
var text = encodeURIComponent(name) + '=' + encodeURIComponent(value);
if (expires instanceof Date) {
text += ';expires=' + expires.toGMTString();
}
if (path) {
text += ';path=' + path;
}
if (domain) {
text += ';domain=' + domain;
}
if (secure) {
text += ';secure';
}
document.cookie = text;
},
unset: function (name, path, domain, secure) { //删除cookie,其实就是设置它超时
this.set(name, "", new Date(0), path, domain, secure);
}
};
Utils.event ={
preventDefault: function (event) {
if (event.preventDefault) {
event.preventDefault();
}
else {
event.returnValue = false;
}
},
stopPropagation: function (event) {
if (event.stopPropagation) {
event.stopPropagation();
}
else {
event.cancelBubble = true;
}
},
getEvent: function (event) {
var e = event || window.event;
if (e.srcElement) e.target = e.srcElement;
return e;
}
};
加油!
Utils工具方法集插件详解的更多相关文章
- Maven系列第6篇:生命周期和插件详解,此篇看过之后在maven的理解上可以超越同级别90%的人!
maven系列目标:从入门开始开始掌握一个高级开发所需要的maven技能. 这是maven系列第6篇. 整个maven系列的内容前后是有依赖的,如果之前没有接触过maven,建议从第一篇看起,本文尾部 ...
- ThreeJS系列1_CinematicCameraJS插件详解
ThreeJS系列1_CinematicCameraJS插件详解 接着上篇 ThreeJS系列1_CinematicCameraJS插件介绍 看属性的来龙去脉 看方法作用 通过调整属性查看效果 总结 ...
- Uploadify 上传文件插件详解
Uploadify 上传文件插件详解 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中 ...
- .NET Excel导出方法及其常见问题详解
摘要:.NET Excel导出方法及其常见问题详解. 一.Excel导出的实现方法 在.net 程序开发中,对于Excel文件的导出我们一共有三种导出方式: 利用文件输出流进行读写操作 这种方式的导出 ...
- cloudemanager安装时出现failed to receive heartbeat from agent问题解决方法(图文详解)
不多说,直接上干货! 安装cdh5到最后报如下错误: 安装失败,无法接受agent发出的检测信号. 确保主机名称正确 确保端口7182可在cloudera manager server上访问(检查防火 ...
- Linux网络状态工具ss命令使用详解【转】
ss命令用于显示socket状态. 他可以显示PACKET sockets, TCP sockets, UDP sockets, DCCP sockets, RAW sockets, Unix dom ...
- Google自写插件详解
谷歌插件详解,跳转至个人主页查看. GoogleExtension
- (转)Linux网络状态工具ss命令使用详解
Linux网络状态工具ss命令使用详解 原文:http://www.landui.com/help/show-5991.html ss 是 socket statistics 的缩写.顾名思义,ss ...
- cloudemanager安装时出现8475 MainThread agent ERROR Heartbeating to 192.168.30.1:7182 failed问题解决方法(图文详解)
不多说,直接上干货! 问题详情 解决这个问题简单的,是因为有进程占用了.比如 # ps aux | grep super root ? Ss : : /opt/cm-/lib64/cmf/agen ...
随机推荐
- 如何在eclipse中添加android ADT(转)
转自: http://jingyan.baidu.com/article/b0b63dbfa9e0a74a4830701e.html 对于程序开发的学者来说,eclipse并不陌生,它为我们提供了一个 ...
- ubuntu ufw防火墙
由于LInux原始的防火墙工具iptables过于繁琐,所以ubuntu默认提供了一个基于iptable之上的防火墙工具ufw. ubuntu 9.10默认的便是UFW防火墙,它已经支持界面操作了.在 ...
- Python_07-常用函数
1 python常用常用函数 1.1 常用内置函数 1.2 类型转换函数 1.3 和操作系统相关的调用 1.3.1 操作举例 1.4 用os ...
- Oracle 注意点大全
1.索引 经常查询的字段.主表与从表关联主键id必须建立索引.
- Rabbitmq的几种交换机模式
Rabbitmq的核心概念(如下图所示):有虚拟主机.交换机.队列.绑定: 交换机可以理解成具有路由表的路由程序,仅此而已.每个消息都有一个称为路由键(routing key)的属性,就是一个简单的字 ...
- mybatis框架入门程序:演示通过mybatis实现数据库的修改操作
1.mybatis的基本配置工作可以在我的这篇博客中查看:https://www.cnblogs.com/wyhluckdog/p/10149480.html 2.修改用户的配置文件: <upd ...
- Vue 路由缓存
问题 在路由切换时不需要每次 点击都刷新子路由 尤其是在form表单的情况下 不能让用户 输入一半之后点击其他页面 再点回来 表单数据不见了 解决方案 vue 2.0 之中 有k ...
- Luogu 4449 于神之怒加强版
挺套路的题,然而一开始还是想错了…… $\sum_{i = 1}^{n}\sum_{j = 1}^{m}gcd(i, j) ^ {k} = \sum_{T = 1}^{min(n, m)}\left ...
- 10个实用的UX设计作品推销小窍门
以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 众所周知,产品用户体验很重要,即使是Google也知道这一点.但是,当真正涉及到UX 设计销 ...
- 微信小程序进行地图导航使用地图功能
之前我写过的文章当中,提过小程序的打包大小.所以特地去下载一个区域的地图的这种方法,是不存在的. 我用的导航主要使用的是应用外的导航,这篇文章可能对于非常熟悉小程序的小伙伴来说就是小case,所以只适 ...