记录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以 ...
随机推荐
- javaSE练习13——(知识点:类的继承 方法的覆盖)
设计2个类,要求如下: (知识点:类的继承 方法的覆盖)1.定义一个汽车类Vehicle, 1.1 属性包括:汽车品牌brand(String类型).颜色color(String类型 )和速度spee ...
- BZOJ2438: [中山市选2011]杀人游戏(tarjan)
题意 题目链接 Sol 这题挺考验阅读理解能力的.. 如果能读懂的话,不难发现这就是在统计有多少入度为\(0\)的点 缩点后判断一下即可 当然有一种例外情况是\(1 -> 3, 2 -> ...
- wxPython控件学习之wx.grid.Grid 表格控件
wxPython控件学习之wx.grid.Grid (包括对GridCellEditor和GridCelRender的扩展,以支持更多的grid cell 样式, 以GridCellColorEdit ...
- PHP接口对方(C#)接收不到数据?ContentLength=-1
工作时遇到的问题.浏览器可以查看到json数据,但是对方死活收不到数据. 最后发现发现ContentLength=-1. 找到问题:为什么.NET程序下载获得的ContentLength=-1? 摘抄 ...
- matlab练习程序(弧形、圆柱投影的复原)
前一段介绍了从矩形图像到圆柱的正向投影,看这里和这里.今天介绍如何从已经投影的图像反映射到原图像上. 本来此种变换一定是需要数学公式的,不过这里只是用了一个很简单的方式来完成反映射. 具体就把每一列有 ...
- 1977年提出的OSI七层模型
OSI七层模型: 7应用层 数据用户接口,提供人操作软件的接口 6表示层 数据的表现形式,特定的功能实现,比如数据加密.数据传输的编码等,一般由软件完成 ...
- visual studio 调试 不进断点 断点失效 提示当前不会命中该断点等问题解决
1.首先看一下 当前调试模式是否为debug 2. 点击[调试]>[选项和设置] 将[要求源文件与原始文件完全匹配]勾选掉 3.点击调试的最后一个选项 点击[web] 将调试器内部勾选上需要测 ...
- how to create folders in batches
you need be good at thinking when you see problem. Work experience:when you need to copy web chinese ...
- 收放卷winder计算器
简单收放卷计算器v0.1
- 了解git /github
一 GIT是什么? Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目. Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非常大的项目版本管理.Git ...