工作中用到的, 不断做为积累, 以后能用到. 也感谢前辈们. 

定义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类库的更多相关文章

  1. util.js

    轻量基础库.方法库 用时可直接拷贝 拆卸式使用 适用于mobile端简单页面 适用于PC简单页面 基于node.php等多种构建方法 (function(M){ /** * 初始化Ajax请求 * @ ...

  2. vue项目工具文件utils.js javascript常用工具类,javascript常用工具类,util.js

    vue项目工具文件utils.js :https://blog.csdn.net/Ajaxguan/article/details/79924249 javascript常用工具类,util.js : ...

  3. 简单轻量级的一套JS 类库(RapidDevelopmentFramework.JS)

    1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...

  4. JavaScript进阶(九)JS实现本地文件上传至阿里云服务器

    JS实现本地文件上传至阿里云服务器 前言 在前面的博客< JavaScript进阶(八)JS实现图片预览并导入服务器功能>(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务 ...

  5. JSON(JavaScript Object Notation, JS 对象标记)

    JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言 ...

  6. 封装的一套简单轻量级JS 类库(RapidDevelopmentFramework.JS)

    1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...

  7. JavaScript best practices JS最佳实践

    JavaScript best practices JS最佳实践 0 简介 最佳实践起初比较棘手,但最终会让你发现这是非常明智之举. 1.合理命名方法及变量名,简洁且可读 var someItem = ...

  8. JavaScript学习12 JS中定义对象的几种方式

    JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

  9. JavaScript学习10 JS数据类型、强制类型转换和对象属性

    JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...

随机推荐

  1. pod install 出错

    今天使用cocoapods的时候在执行pod install出错,如下: 使用很多方法都不行,但是问题感觉应该是需要升级,所有就找到升级cocoapods:sudo gem install -n /u ...

  2. Java中使用MongoUtils对mongodb数据库进行增、删、查、改

    本文主要介绍在java应用中如何使用MongoUtils工具类对 mongodb进行增.删.查.改操作. 一.配置 1.将 common.jar库引入到项目环境中: (源代码:https://gite ...

  3. 【学习笔记】实用类String的基本应用即常用方法

    一.String类概述 在Java中,字符串被作为String类型的对象来处理. String类位于java.lang包中,默认情况下会自动导入到所有的程序中. 创建String对象的方法如下: St ...

  4. OLEDB 简单数据查找定位和错误处理

    在数据库查询中,我们主要使用的SQL语句,但是之前也说过,SQL语句需要经历解释执行的步骤,这样就会拖慢程序的运行速度,针对一些具体的简单查询,比如根据用户ID从用户表中查询用户具体信息,像这样的简单 ...

  5. mysql四:数据操作

    一.介绍 MySQL数据操作: DML ======================================================== 在MySQL管理软件中,可以通过SQL语句中的 ...

  6. scss-@if指令

    @if指令接受表达式和使用嵌套样式,无论表达式的结果只不过是false或null. 语法: @if expression { //CSS codes are written here } scss实例 ...

  7. C++中 结构体和类的异同

    在C++中,结构体是一种特殊形态的类. 结构体和类的唯一区别就是:  结构体和类具有不同的默认访问控制属性. 类中,对于未指定访问控制属性的成员,其访问控制属性为私有类型(private) 结构体中, ...

  8. wx.grid.Grid

    # -*- coding: cp936 -*- import wx import wx.grid import wx.lib.gridmovers as gridmovers import pymss ...

  9. 向jsp页面传值时出现乱码

    在一个html页面中用表单向jsp页面传值: 这是html页面 <html> <head> <title>MyBeans.html</title> &l ...

  10. SONA Topology

    N多年以前就有有人设计传了一种类似“房子”状结构的拓扑图,在Cisco的文档中可以查到这种叫SONA.这是个非常神奇的设计,适合用于中小型网络,之所以这么讲,是因为在这个结构下,但凡任何一台接入层或者 ...