base.js
function $_id(id){return document.getElementById(id)};//$只定义为通过ID返回元素的功能 //-----------------------dom 自定义方法类--------------------------- function dom(obj){//实现自定义类的一个实例,obj为元素的ID或元素本身
return new customDom(obj);
} function customDom(obj){//实现元素自定义方法的类,obj为元素的ID或元素本身 if(typeof(obj) == "string"){
this.obj = document.getElementById(obj);
}
else if(typeof(obj) == "object"){this.obj = obj;}
else this.obj = null;
} //自定义类方法的实现
customDom.prototype={ //得到元素
getElem:function(){return this.obj;}, //得到元素真实坐标,返回一个数组[x,y]
getPosition:function(){
var position = [0,0];
var obj = this.obj;
while(obj.offsetParent){
position[0] += obj.offsetLeft;
position[1] += obj.offsetTop;
obj = obj.offsetParent;
}
position[0] + document.body.offsetLeft;
position[1] + document.body.offsetTop;
return position;
}, //得到元素属性
getStyle:function(name){
var elem = this.obj;
//如果该属性存在于style[]中
if (elem.style[name]){return elem.style[name];}
//否则,尝试IE的方式
else if (elem.currentStyle){return elem.currentStyle[name];}
//或者W3C的方法
else if (document.defaultView && document.defaultView.getComputedStyle){
//格式化mame名称
name = name.replace(/([A-Z])/g,"-$1");
name = name.toLowerCase();
//获取style对象并取得属性的值(如果存在的话)
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(name);
//否则,就是在使用其它的浏览器
} else{return null;}
}, //得到子节点数组(解决FF等子节点包括空白节点和文本节点的问题)
getChildren:function(){
var AchildNodes = [];
for(var i = 0;i < this.obj.childNodes.length;i++){
if(this.obj.childNodes[i].nodeType == 1){
AchildNodes.push(this.obj.childNodes[i]);
}
}
return AchildNodes;
}, //得到下一个兄弟节点
getNextSibling:function(){
var endBrother = this.obj.nextSibling;
while(endBrother.nodeType != 1 ){
endBrother = endBrother.nextSibling;
}
return endBrother;
}, //得到上一个兄弟节点
getPreSibling:function(){
endBrother = this.obj.previousSibling;
while(endBrother.nodeType != 1){
endBrother = endBrother.previousSibling;
}
return endBrother;
}, //通过getElementsByTagName方式得到的元素并转换为数组
getByTagName:function(name){
var tagNames = this.obj.getElementsByTagName(name);
var arr = [];
for(var i = 0;i < tagNames.length;i++){
arr.push(tagNames[i]);
}
return arr;
}, //在节点后插入新的兄弟节点
insertAfter:function(newNode){
if(this.obj.nextSibling){this.obj.parentNode.insertBefore(newNode, this.obj.nextSibling);}
else{this.obj.parentNode.appendChild(newNode);}
}, //非IE的innerText用textContent;
text:function(str){
this.obj.innerText ? this.obj.innerText = str:this.obj.textContent = str;
},
//把用getElementsByTagName等方式得到的元素转换为数组
toArray:function(){
var arr=[];
for(var i=0;i<this.obj.length;i++){
arr.push(this.obj[i]);
}
return arr;
}
} //------------------------------Array 扩展类------------------------------ //copy数组
Array.prototype.copy = function(){return this.slice();} //返回数组中指定字符串的索引
Array.prototype.indexof = function(str){
for(var q = 0;q < this.length;q++){
if(this[q] == str){return q;}
}
return -1;
}
/*
var a=[1,4,5,7,84,45,35]
alert(a.indexof(5)) //opt 5
*/ //数组随机排序
Array.prototype.aSort = function(method){
function Sort(a,b){
if(method == 0 || method == 1){
if(a > b){if(method == 0){return 1}else{ return -1}}
if(a < b){if(method == 0){return -1}else{ return 1}}
else{return 0}
}
else if(method == 2){return Math.random() > .5 ? -1 : 1;}//用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1
}
this.sort(Sort);
} /*
var a=[1,4,5,7,84,45,35]
a.aSort(2)
alert(a.toString())
*/ //在数组任意索引处删除一项
Array.prototype.delIndex = function(index){this.splice(index,1)} //在数组任意索引处删除多项
Array.prototype.del = function(){
var opts = this.sort.call(arguments,Function('a,b','return a > b?-1:1;'));
for (var i = 0;i < opts.length;i++ ){this.splice(opts[i],1);}
return this;
}
/*
var a=['甲','乙','丙','丁'];
alert(a.del(3,1));
*/ //在数组任意索引后增加一项或多项
Array.prototype.addIndex = function(index,arr){this.splice(index + 1,0,arr)} //返回数组中最大项
Array.prototype.max = function(){
return Math.max.apply({},this);
} //返回数组中最小项
Array.prototype.min = function(){
return Math.min.apply({},this);
} //------------------------------String 扩展类------------------------------ //得到有汉字字符串的长度
String.prototype.chLength = function(){
var strLen = 0;
for(i = 0;i < this.length;i++){
if(this.charCodeAt(i) > 255){strLen += 2;}
else{strLen++;}
}
return strLen;
} //去除敏感字符
String.prototype.trimBadWords = function(str){
var reg = new RegExp(str,"gi");
return this.replace(reg,function(str_bad){return str_bad.replace(/./g,"*")});
} //去除字符串首尾空格
String.prototype.trimSpaces = function(){
var reg = /^\s*(.*?)\s*$/gim;
return this.replace(reg,"$1");
} //转化<>标签为实体字符
String.prototype.trimTab = function(){
var reg = /<|>/g;
return this.replace(reg,function(s){if(s == "<"){return "<";}else{return ">";}})
} //去除任意HTML标签
String.prototype.trimHtml = function(tag){//不写标签名代表所有标签
tag ? reg = new RegExp("<\/?"+tag+"(?:(.|\s)*?)>","gi"):reg = /<(?:.|\s)*?>/gi;
return this.replace(reg,"");
} //-----------------------event---------------------------
var ev={
//添加事件监听
addEvent:function(obj,evt,fun){
if(obj.addEventListener){//for dom
obj.addEventListener(evt,fun,false)
}
else if(obj.attachEvent){//for ie
obj.attachEvent("on"+evt,fun)
//obj.attachEvent("on"+evt,function(){fun.call(obj)});//解决IE attachEvent this指向window的问题
}
else{obj["on"+evt] = fun}//for other
}, //删除事件监听
removeEvent:function(obj,evt,fun){
if(obj.removeEventListener){//for dom
obj.removeEventListener(evt,fun,false)
}
else if(obj.detachEvent){//for ie
obj.detachEvent("on"+evt,fun)
}
else{obj["on"+evt] = null;
} //for other
}, //捕获事件
getEvent:function(){
if(window.event){return window.event}
else{return ev.getEvent.caller.arguments[0];}
}, formatEvent:function(evt){
evt.eTarget = evt.target ? evt.target:evt.srcElement;//事件目标对象
evt.eX = evt.pagex ? evt.pagex:evt.clientX + document.body.scrollLeft;//页面鼠标X坐标
evt.eY = evt.pagey ? evt.pagex:evt.clientY + document.body.scrollTop;//页面鼠标Y坐标
evt.eStopDefault = function(){this.preventDefault ? this.preventDefault():this.returnValue = false;}//取消默认动作
evt.eStopBubble = function(){this.stopPropagation ? this.stopPropagation():this.cancelBubble = true;}//取消冒泡
}
} //----------------------------------cookie-----------------------------------
var cookie = {
//设置cookie
setCookie:function(sName,sValue,oExpires,sPath,sDomain,bSecure) {
var sCookie=sName + "=" + encodeURIComponent(sValue);
if(oExpires){sCookie += "; expires=" + oExpires.toUTCString();}
if(sPath){sCookie += "; path="+sPath;}
if(sDomain){sCookie += "; domain="+sDomain;}
if(bSecure){sCookie += "; scure";}
document.cookie=sCookie;
}, //读取cookie
getCookie:function(sName){
var sRE="(?:; )?" + sName + "=([^;]*);?";
var oRE=new RegExp(sRE);
if(oRE.test(document.cookie)){
return decodeURIComponent(RegExp["$1"]);
}
else{return null;}
}, //删除cookie
delCookie:function(sName,sPath,sDomain){
setCookie(sName,"",new Date(0),sPath,sDomain);
}
} //--------------------ajax类---------------------
var XMLHttp = {
_objPool: [],
_getInstance: function (){
for (var i = 0; i < this._objPool.length; i ++){
if (this._objPool[i].readyState == 0 || this._objPool[i].readyState == 4){
return this._objPool[i];
}
}
// IE5中不支持push方法
this._objPool[this._objPool.length] = this._createObj();
return this._objPool[this._objPool.length - 1];
},
_createObj: function (){
if (window.XMLHttpRequest){ var objXMLHttp = new XMLHttpRequest();}
else{
var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
for(var n = 0; n < MSXML.length; n ++){
try {
var objXMLHttp = new ActiveXObject(MSXML[n]);
break;
}
catch(e){}
}
}
// mozilla某些版本没有readyState属性
if (objXMLHttp.readyState == null){
objXMLHttp.readyState = 0;
objXMLHttp.addEventListener("load", function (){
objXMLHttp.readyState = 4;
if (typeof objXMLHttp.onreadystatechange == "function"){
objXMLHttp.onreadystatechange();}
}, false);
}
return objXMLHttp;
},
// 发送请求(方法[post,get], 地址, 数据, 回调函数, 回调函数参数-多个用数组形式)
sendReq: function (method, url, data, callback,arg){
var objXMLHttp = this._getInstance();
with(objXMLHttp){
try{
// 加随机数防止缓存
if (url.indexOf("?") > 0){
url += "&randnum=" + Math.random();
}
else{url += "?randnum=" + Math.random();}
open(method, url, true);
// 设定请求编码方式
setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
send(data);
onreadystatechange = function (){
if (objXMLHttp.readyState == 4 && (objXMLHttp.status == 200 || objXMLHttp.status == 304)){
callback(objXMLHttp,arg);
}
}
}
catch(e){alert(e);}
}
}
}; //js浮点数精确计算函数(加,减,乘,除)//浮点数加法运算
function FloatAdd(arg1,arg2){
var r1,r2,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
return (arg1*m+arg2*m)/m;
} ; //浮点数减法运算
function FloatSub(arg1,arg2){
var r1,r2,m,n;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
//动态控制精度长度
n=(r1>=r2)?r1:r2;
return ((arg1*m-arg2*m)/m).toFixed(n);
} ; //浮点数乘法运算
function FloatMul(arg1,arg2) {
var m=0,s1=arg1.toString(),s2=arg2.toString();
try{m+=s1.split(".")[1].length}catch(e){}
try{m+=s2.split(".")[1].length}catch(e){}
return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
} ; //浮点数除法运算
function FloatDiv(arg1,arg2){
var t1=0,t2=0,r1,r2;
try{t1=arg1.toString().split(".")[1].length}catch(e){}
try{t2=arg2.toString().split(".")[1].length}catch(e){}
with(Math){
r1=Number(arg1.toString().replace(".","")) ;
r2=Number(arg2.toString().replace(".",""));
return (r1/r2)*pow(10,t2-t1);
}
} ;
base.js的更多相关文章
- 封装常用的js(Base.js)——【01】理解库,获取节点,连缀,
封装常用的js(Base.js)——[01]理解库,获取节点,连缀, youjobit07 2014-10-10 15:32:59 前言: 现如今有太多优秀的开源javascript库, ...
- 【javascript】base.js
作为一个好的脚手架使用 /* Base.js, version 1.1a Copyright 2006-2010, Dean Edwards License: http://www.opensourc ...
- sea.js 入门
上个月学了 require.js 现在顺便来学学 sea.js. 对比下这两种的区别,看自己喜欢哪个,就在接下来的项目中去使用它吧. seajs中的所有 JavaScript 模块都遵循 CMD 模块 ...
- Razor.js,基于JavaScript的Razor实现
哈罗大家好,之前造了JS模板轮子Otmpl,虽然勉强算不错,但是和MVC Razor的简洁优雅相比,简直是惨不忍睹.经过几天的研究,终于在参考国外一些牛人的代码后,展现出第一版,欢迎各位园友拍砖讨论. ...
- 【分享】纯js的n级联动列表框 —— 基于jQuery,支持下拉列表框和列表框,最重要的是n级,当然还有更重要的
多个列表框联动,不算是啥大问题,但是却挺麻烦,那么怎么才能够尽量方便一点呢?网上搜了一下,没发现太好用的,于是就自己写了一个.基于jQuery,无限级联动,支持下拉列表框和列表框. 先说一下步骤和使用 ...
- jquery.validate.min.js 用法方法示例
页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
- 《Node.js开发实战详解》学习笔记
<Node.js开发实战详解>学习笔记 ——持续更新中 一.NodeJS设计模式 1 . 单例模式 顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直 ...
- 一句命令快速合并 JS、CSS
在项目开发环境下,我们会把 JS 代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多. 而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个 ...
- ASP.Net MVC4中封装CSS和js冗余代码(不让其大篇的显示在前台上)
(1)封装CSS和JS代码,使用调用的方式在前台进行调用.是开发看起来简洁和易于管理,可达到重用. 由于asp.netMVC4 框架 ,在封装js和CSS的时候,有如下规范: using Syst ...
随机推荐
- Atitit. js mvc 总结(2)----angular 跟 Knockout o99 最佳实践
Atitit. js mvc 总结(2)----angular 跟 Knockout o99 最佳实践 1. 框架 angular 跟Knockout 1 2. 2. 简单的列表绑定:Knockou ...
- 修改JSONArray里所有key的值
下面举一个代码的列子目的是实现如下功能: [{"userId":1,"userName":"plf"},{"userId" ...
- Python包的相对导入时出现错误的解决方法
在练习Python中package的相对导入时,即 from . import XXX 或者 from .. import XXX 时会遇到这样两个错误: SystemError: Parent mo ...
- python两个文件的对比
#encoding=utf-8 class SyncPagemaptoDB(object): def loadOldmap(self,oldpage,newpage,new_version): map ...
- 用非管理员权限启动主程序,并用管理员权限启动子程序,导致WM_COPYDATA消息发送失败的问题
问题描述 : 用非管理员权限启动dzh,dzh再启动dtssm,由于dtssm的配置文件app.manifest 中设置了requireAdministrator,导致dtssm总是以管理员权 ...
- QQ邮箱的安全问题
下午同事群里有人提醒,小心欺诈邮件.邮件内容为你的帐户在XX存在异地登录,已经进入了[保护模式],如需解除请点击[解除保护模式] 除了链接之外,其它跟官方的是一模一样,包括标题. 那个链接的地址是:h ...
- windows环境下Eclipse开发MapReduce程序遇到的四个问题及解决办法
按此文章<Hadoop集群(第7期)_Eclipse开发环境设置>进行MapReduce开发环境搭建的过程中遇到一些问题,饶了一些弯路,解决办法记录在此: 文档目的: 记录windows环 ...
- halcon学习之产品检测
Rinspect_gasket_local_deformable.hdev 检测垫圈局部变形 *这个例子演示了如何利用局部变形匹配(local deformable matching)来寻找出 ...
- AndroidStudio小技巧--依赖库
同步发表于http://avenwu.net/2015/02/12/androidstudio_library_dependency Fork on github https://github.com ...
- ECSHOP始终显示全部分类方法
商品分类树需要始终显示所有类别,默认的Ecshop的显示方式为在当前产品页面只显示当前的产品所在的同级及下级分类,这就导致当点开某个产品或者子分 类的时候全局的分类树就不见了. 其实修改的方法很简单. ...