BusyBoBo / spanner.js

The file is a light javascript library ——spanner.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

 一个轻量级的js库,封装的常用的方法,就像一把实用的小扳手。

00. ajax 
		· get : 使用Get方法获取数据, 
			Z.ajax.get('2.xml',function(e){
				console.log(e.getElementsByTagName('success')[0].firstChild.nodeValue)	
			},'xml');
		· post : 使用Post方法传递数据,
			Z.ajax.post('ajax.txt',data,function(v){
				console.log(e.getElementsByTagName('success')[0].firstChild.nodeValue)	
			},'xml');			
01. array 
		· concat : 合并数组
		· contains : 检查数组中是否含有某元素
		· descendingSort : 将数组进行递减排序
		· empty : 清空数组
		· increasingSort : 将数组进行递增排序
		· index : 获取元素在数组中的序号
		· intersection : 输出两个数组中的相同的数
		· lastIndexOf : 从后开始查找
		· max : 输出数组中的最大项
		· min : 输出数组中的最小项
		· random : 随机产生数组
		· remove : 移除元素
		· removeAt : 移除指定位置的项
		· shuffle : 打乱数组
		· unique : 去除重复数据
02. browser 
		· addFavorite : 将当前页加入到收藏夹 
			Z.browser.addFavorite('http://www.starwebdesign.com.cn','星秀网页设计','加入收藏失败,有劳您手动添加。')
		. chrome : 输出chrome信息
		· core : 输出浏览器内核信息
		. firefox : 输出ff信息
		. IE : 输出ie信息
		. IE6 : 是否为ie6
		. isGecko : 是否为Gecko内核
		. isWebkit : 是否为Webkit内核
		. opera : 输出opera信息
		. safari : 输出safari信息
		· version : 输出浏览器版本信息
03. cookie 
		· del : 销毁cookie
		· get : 获取cookie
		· set : 设置cookie
04. date 
		· add : 计算日期, Z.date.add(day,20)
		· getCNDay : 显示周或星期, Z.date.getCNDay(day,Z)
		· toString : 格式化日期, Z.date.toString(day,'yyyy-mm-dd')
		
05. dom 
		· 通过id获取,该元素是唯一的 
			Z.dom('#id') 
		 
		· 通过className获取 
			Z.dom('.cls') 获取文档中所有className为cls的元素 
			Z.dom('span.cls') 获取文档中所有className为cls的span元素
			Z.dom('#abc .cls') 获取文档中所有#abc下的className为cls的元素
			Z.dom('#abc span.cls') 获取文档中所有#abc下的className为cls的span元素
		
		· 通过tagName获取 
			Z.dom('span') 获取文档中所有的span元素
			Z.dom('#abc span') 获取#abc中所有的span元素

		· addClass : 增加类 Z.dom("#abc").addClass("s")
		· after : 在每个匹配的元素之后插入内容
		· append : 元素内部追加内容
		· attr : 增加属性
		· before : 在每个匹配的元素之前插入内容
		· css : 添加样式
		· each : 遍历节点
		· empty : 清空元素
		· eq : 获取第几个元素
		· even : 获取偶数个元素
		· fadeIn : 淡入
		· fadeOut : 淡出
		· fadeTo : 变换到指定透明度
		· first : 获取第一个元素
		· getCss : 新增css
		· getScript : 新增js
		· gt : 匹配所有大于给定索引值的元素
		· hasClass : 检查是否含有某样式
		· hide : 隐藏
		· html : 创建html
		· last : 获取最后一个元素
		· lt : 匹配所有小于给定索引值的元素
		· next : 获取后一个元素
		· odd : 获取奇数个元素
		· offset 获取匹配元素在当前视口的相对偏移
		· on : 绑定事件
		· parent  : 选择父级元素
		· prepend : 元素内部前置内容
		· prev : 选择前一个元素
		· remove : 移除
		· removeAttr : 移除属性
		· removeClass : 移除样式 
		· replace : 置换元素
		· show : 显示
		· sibilings : 获取兄弟元素
		· size : 返回元素数量
		· slice : 选取一个匹配的子集
		· text : 创建文本
		· toggle : 如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的
		
06. eventUtil
		· addHandler : 添加事件监听 Z.eventUtil.addHandler(elem,'click',function(e){ alert("123") });
		· getEvent : 获取参数
		· getTarget : 获取目标
		· preventDefault : 阻止浏览器默认事件
		· removeHandler : 移除事件监听
		· stopPropagation : 阻止冒泡事件 
07. img 
		· isComplete : 判断图片是否已经加载完成
		· preload : 预加载图片 Z.img.preload('1.jpg','2.jpg','3.jpg')
08. math 
		· randomColor : 随机颜色 
		· randomNum : 随机数 Z.math.randomNum(50,100)
		· sum : 求和
09. page
		· getHeight : 获取页面高度
		· getScrollLeft : 获取横向滚动量
		· getScrollTop : 获取纵向滚动量
		· getViewHeight : 获取页面视觉区域高度
		· getViewWidth : 获取页面视觉区域宽度
		· getWidth : 获取页面宽度
		· rollTo : 页面滚动至
		· rollToBottom : 页面滚动至底部
		· rollToTop : 页面滚动至顶部
10. platform
		· isAndroid : 是否为安卓系统
		· isBlackBerry : 是否为黑莓
		· isIpad : 是否为iPad
		· isIphone : 是否为iPhone
		· isMacintosh : 是否为Mac
		· isMobile : 是否为移动设备
		· isWindows : 是否为Windows
		· isX11 : 是否为X11
11. query
		· 通过id获取,该元素是唯一的 
			Z.query('#id') 
		 
		· 通过className获取 
			Z.query('.cls') 获取文档中所有className为cls的元素 
			Z.query('span.cls') 获取文档中所有className为cls的span元素
			Z.query('#abc .cls') 获取文档中所有#abc下的className为cls的元素
			Z.query('#abc span.cls') 获取文档中所有#abc下的className为cls的span元素
		
		· 通过tagName获取 
			Z.query('span') 获取文档中所有的span元素
			Z.query('#abc span') 获取#abc中所有的span元素
12. regExp
		· isAdult : 判断是否已成年 
		· isChinese : 判断是否为中文
		· isDate : 判断是否为正确日期格式
		· isEmail : 判断是否为Email地址
		· isIdcard : 判断是否为身份证号
		· isMobile : 判断是否为手机号
		· isQQ : 判断是否为QQ号
		· isTel : 判断是否为固定电话号
		· isURL : 判断是否为链接地址
13. string
		· encrypt : 加密
		· filterText : 屏蔽词
		· isNotaNumber : 判断是否为数字 
		· md5: md5加密
		· noNumbers : 判断是否存在数字
		· onlyNumbers :  判断是否为仅有数字
		· removeWhitespace : 移除字符串两边空白  
		· toArray : 转换为数组
		· unEncrypt : 解密
		
14. url
		· getQueryVariable :  获取url参数的键值对
		· getQueryString : 获取url参数的值
		· getUrlParm : 获取url参数

About

The file is a light javascript library ——spanner.js


Languages

Language:JavaScript 100.0%