记录JavaScript的util.js类库
工作中用到的, 不断做为积累, 以后能用到. 也感谢前辈们.
定义Util对象
var MyUtil = new Object();
从url中获取参数
//从url中获取参数
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(name == 'qu_name'){
if(r!=null)return decodeURI(r[2]); return null;
}else{
if(r!=null)return unescape(r[2]); return null;
}
}
生成32位随机数
// 生成32位随机数
function randomString() {
/****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var maxPos = $chars.length;
var pwd = '';
for (var i = 0; i < 32; i++) {
pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
}
return pwd;
}
隐藏DIV
MyUtil.hideDiv = function(div) {
div.css("display", "none");
};
弹出div显示层
/**
* 弹出div显示层
*
* @param {}
* div 需要显示的div元素
* @param {}
* content div中显示的内容
* @param {}
* left 左偏移量
* @param {}
* top 顶部偏移量
* @param {}
* width div宽度
* @param {}
* height div高度
*/
MyUtil.showDiv = function(div, content, left, top, width, height) {
div.empty();
div.append(content);
HuaDun.setPosition(div, left, top);
if (typeof width != 'undefined' && (width != null || width != "")) {
div.css("width", width + "px");
}
if (typeof height != 'undefined' && (height != null || height != "")) {
div.css("height", height + "px");
}
div.css("display", "block");
};
设置弹出div位置
/**
* 设置弹出div位置
*
* @param {}
* div 需要显示的div元素
* @param {}
* x 左偏移量
* @param {}
* y 顶部偏移量
*/
MyUtil.setPosition = function(div, x, y) {
var top = document.body.scrollTop || document.documentElement.scrollTop;
var left = document.body.scrollLeft || document.documentElement.scrollLeft;
x += left;
y += top;
var l = x + 20;// 左偏移量
var t = y - (div.height() - 20); // 顶部偏移量
var bRight = true;
var iPageRight = left + document.documentElement.clientWidth;// 页面的右边界 if (l + div.width() > iPageRight) {
bRight = false;
l = x - (div.width() + 20);
}
div.css("left", l + 'px');
div.css("top", t + 'px');
}
时间工具类
/**
* 时间类工具
*/
var MyDate= new Object(); // 获取当前时间
MyDate.GetNow = function() {
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hh = now.getHours(); // 获取当前小时数(0-23)
var mm = now.getMinutes(); // 获取当前分钟数(0-59)
var ss = now.getSeconds();
var clock = year + "-"; if (month < 10)
clock += "0";
clock += month + "-";
if (day < 10)
clock += "0";
clock += day;
var h = parseInt(hh);
if (h < 10) {
h = "0" + h;
}
clock += " " + h;
var m = parseInt(mm);
if (m < 10) {
m = "0" + m;
}
clock += ":" + m;
var s = parseInt(ss);
if (s < 10) {
s = "0" + s;
}
clock += ":" + s;
return (clock);
}; // 获取当天日期
MyDate.GetToday = function() {
var now = new Date(); var year = now.getFullYear(); // 年
var month = now.getMonth() + 1; // 月
var day = now.getDate(); // 日 var clock = year + "-"; if (month < 10)
clock += "0"; clock += month + "-"; if (day < 10)
clock += "0"; clock += day; return (clock);
}; // 获取昨天日期
MyDate.GetYesterday = function() {
var date = new Date();
var yesterday_milliseconds = date.getTime() - 1000 * 60 * 60 * 24;
var yesterday = new Date();
yesterday.setTime(yesterday_milliseconds);
var strYear = yesterday.getFullYear();
var strDay = yesterday.getDate();
if(strDay < 10){
strDay = "0"+strDay;
}
var strMonth = yesterday.getMonth() + 1;
if (strMonth < 10) {
strMonth = "0" + strMonth;
}
datastr = strYear + "-" + strMonth + "-" + strDay;
return datastr;
}; // 获取明天日期
MyDate.GetTomorrow = function() {
var date = new Date();
var Tomorrow_milliseconds = date.getTime() + 1000 * 60 * 60 * 24;
var Tomorrow = new Date();
Tomorrow.setTime(Tomorrow_milliseconds);
var strYear = Tomorrow.getFullYear();
var strDay = Tomorrow.getDate();
if(strDay < 10){
strDay = "0"+strDay;
}
var strMonth = Tomorrow.getMonth() + 1;
if (strMonth < 10) {
strMonth = "0" + strMonth;
}
datastr = strYear + "-" + strMonth + "-" + strDay;
return datastr;
}; // 获取当前年
MyDate.GetYear = function() {
var y = new Date();
var year = y.getFullYear();
return year;
}; // 获取当前月
MyDate.GetMonth = function() {
var m = new Date();
var year = m.getFullYear();
var month = m.getMonth() + 1;
if (month < 10) {
month = "0" + month;
}
return year + "-" + month;
}; // 获取上个月
MyDate.GetLastMonth = function() {
var tomonth = new Date();
var year = tomonth.getFullYear(); // 获取当前日期的年
var month = tomonth.getMonth() + 1; // 获取当前日期的月 var year2 = year;
var month2 = parseInt(month) - 1;
if (month2 == 0) {
year2 = parseInt(year2) - 1;
month2 = 12;
}
if (month2 < 10) {
month2 = '0' + month2;
} var lastmonth = year2 + '-' + month2;
return lastmonth;
}; // 获取下个月
MyDate.GetNextMonth = function() {
var tomonth = new Date();
var year = tomonth.getFullYear(); // 获取当前日期的年
var month = tomonth.getMonth() + 1; // 获取当前日期的月 var year2 = year;
var month2 = parseInt(month) + 1;
if (month2 == 13) {
year2 = parseInt(year2) + 1;
month2 = 1;
}
if (month2 < 10) {
month2 = '0' + month2;
} var nextmonth = year2 + '-' + month2;
return nextmonth;
};
自动填充表单
/**
* 华盾自动填充表单
*
* @param {}
* customForm 表单Form元素
* @param {}
* data 要填充的数据对象
*/
MyUtil.AutoFillForm = function(customForm, data) {
for (var attr in data) {
if (typeof(data[attr]) == 'function') {
continue;
}
var $input = $("input[name='" + attr + "']", customForm);
if (null != $input && $input.length > 0) {
var type = $input.attr("type");
if (type == "checkbox" || type == "radio") {
var avalues = data[attr].split(",");
for (var v = 0; v < avalues.length; v++) {
$input.each(function(i, n) {
var value = $(n).val();
if (value == avalues[v]) {
$(n).attr("checked", "checked");
}
});
}
} else {
$input.val(data[attr]);
}
} else {
var $select = $("select[name='" + attr + "']", customForm);
if (null != $select && $select.length > 0) {
$select.val(data[attr]);
} else {
var $textarea = $("textarea[name='" + attr + "']", customForm);
if (null != $textarea && $textarea.length > 0) {
$textarea.val(data[attr]);
} else {
var $span = $("span[name='" + attr + "']", customForm);
if (null != $span && $span.length > 0) {
$span.html(data[attr]);
}else{
continue;
}
}
}
}
}
}
Cookie操作
var Cookies = new Object();
// 设置值
Cookies.set = function(name, value) {
var argv = arguments;
var argc = arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : '/';
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape(value)
+ ((expires == null) ? "" : ("; expires=" + expires.toGMTString()))
+ ((path == null) ? "" : ("; path=" + path))
+ ((domain == null) ? "" : ("; domain=" + domain))
+ ((secure == true) ? "; secure" : "");
};
// 获取值
Cookies.get = function(name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
var j = 0;
while (i < clen) {
j = i + alen;
if (document.cookie.substring(i, j) == arg)
return Cookies.getCookieVal(j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
};
// 清理
Cookies.clear = function(name) {
if (Cookies.get(name)) {
document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}; Cookies.getCookieVal = function(offset) {
var endstr = document.cookie.indexOf(";", offset);
if (endstr == -1) {
endstr = document.cookie.length;
}
return unescape(document.cookie.substring(offset, endstr));
};
base-64 编码和解码
function utf8_to_b64( str ) {
return window.btoa(unescape(encodeURIComponent( str )));
} function b64_to_utf8( str ) {
return decodeURIComponent(escape(window.atob( str )));
}
记录JavaScript的util.js类库的更多相关文章
- util.js
轻量基础库.方法库 用时可直接拷贝 拆卸式使用 适用于mobile端简单页面 适用于PC简单页面 基于node.php等多种构建方法 (function(M){ /** * 初始化Ajax请求 * @ ...
- vue项目工具文件utils.js javascript常用工具类,javascript常用工具类,util.js
vue项目工具文件utils.js :https://blog.csdn.net/Ajaxguan/article/details/79924249 javascript常用工具类,util.js : ...
- 简单轻量级的一套JS 类库(RapidDevelopmentFramework.JS)
1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...
- JavaScript进阶(九)JS实现本地文件上传至阿里云服务器
JS实现本地文件上传至阿里云服务器 前言 在前面的博客< JavaScript进阶(八)JS实现图片预览并导入服务器功能>(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务 ...
- JSON(JavaScript Object Notation, JS 对象标记)
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言 ...
- 封装的一套简单轻量级JS 类库(RapidDevelopmentFramework.JS)
1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...
- JavaScript best practices JS最佳实践
JavaScript best practices JS最佳实践 0 简介 最佳实践起初比较棘手,但最终会让你发现这是非常明智之举. 1.合理命名方法及变量名,简洁且可读 var someItem = ...
- JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...
- JavaScript学习10 JS数据类型、强制类型转换和对象属性
JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...
随机推荐
- WPF MVVM 如何在ViewModel中操作View中的控件事件
(在学习Wpf的时候,做一个小例子,想在TextBox改变后,检验合法性,并弹出提示.在找了很多贴后,发现这个小例子,抄袭过来,仅供参考. 最后也找到了适合自己例子的办法:在出发TextChanged ...
- 【Linux】安装Nginx
注:转自https://www.cnblogs.com/hdnav/p/7941165.html 安装所需环境 Nginx 是 C语言 开发,建议在 Linux 上运行,当然,也可以安装 Window ...
- spring cloud provider报“Error parsing HTTP request header”,feign端报“Read timed out“
这两天在调试spring cloud feign+hystrix报了如下错误: spring cloud provider报“Error parsing HTTP request header”,fe ...
- webpack起步
为什么要使用webpack 很牛逼的样子 https://www.webpackjs.com/comparison/ 基本概念 1. 入口(entry) module.exports = { entr ...
- axios 发 post 请求,后端接收不到参数的解决方案
问题场景 场景很简单,就是一个正常 axios post 请求: axios({ headers: { 'deviceCode': 'A95ZEF1-47B5-AC90BF3' }, method: ...
- Flexviewer使用Google地图作为底图
Flexviewer使用Google地图作为底图: 在使用google地图作底图前提是你需要在Flex中实现加载google地图的代码(网上一大堆,随便找), 在只加载google地图的情况下,成功显 ...
- 让CPU的占用率听你的指挥
此题目具有很大的想象空间,尤其是多核环境下. 详见:http://hi.baidu.com/jeschou/item/53da6df6a8d25209d99e722d
- spring框架入门day01
struts:web层,比较简单(ValueStack值栈,拦截器) hibernate:dao层,知识点杂 spring:service层,重要,讲多少用多少 --> [了解] spring ...
- Siebel Tools 开发笔记
1.在Siebel Client上的菜单Help -> View 中可以找到开发所常用的信息 Screen: 此画面所使用的Screen名字在Tools的Object Explorer中的[ ...
- 大数据的正确用法你get到了吗?
Azure 镜像市场已于2016年9月21日正式上线,在这个统一的集成平台中,客户可以轻松地浏览.搜索和选择一系列来自第三方的应用和解决方案,并可以将其快速一键部署到 Azure 实例当中. 在移动为 ...