常用JAVASCRIPT函数（转）
/**************************************************
* * sl是scriptlover的简称 ,源自http://www.scriptlover.com(我的个人网站)
* * 该文件主要将常用的函数,功能做一下封装,以便于精炼自己的程序
* * 2008-11-27
* **************************************************
* * msn:danxinju@hotmail.com
* * author:淡新举
***************************************************/
var sl = window.sl = {
/*
** <summary>
** 添加事件监听
** </summary>
** <param name="target">监听对象</param>
** <param name="eventType">事件类型</param>
** <param name="handler">处理函数</param>
*/
addEventHandler:function(target, eventType, handler){
if (target.addEventListener)
{
target.addEventListener(eventType, handler, false);
}
else if (target.attachEvent)
{
target.attachEvent("on" + eventType, handler);
}
else
{
target["on" + eventType] = handler;
}
} ,
/*
** <summary>
** 构建字符串对象
** </summary>
*/
stringBuilder:function(){
this.arr = [];
/*添加字符项目*/
this.push = function(item){
this.arr.push(item);
};
/*清空字符串*/
this.clear = function(){
this.arr.length = 0;
};
/*返回结果字符串*/
this.toString = function(){
return this.arr.join("");
};
}
};
/*
** <summary>
** 获取对象
** </summary>
** <param name="selector">选择参数</param>
** <param name="parentNode">父节点</param>
*/
sl.getElement = function(selector ,parentNode){
/*
selector参数解释(均支持以,隔开的多重选择)
#)前缀根据id返回对象
=)根据属性返回对象
)无符号则根据tagName返回对象
*/
/*#)前缀根据id返回对象*/
var execId = function(selector){
var selector = selector.replace(/#| /g ,"");
var arr = selector.split(",") ,rets = [] ,temp;
for (var i=0;i<arr.length ;i++ )
{
temp = document.getElementById(arr[i]);
if (temp)
{
rets.push(temp);
}
}
return (rets.length > 1)? rets : rets[0];
};
/*=)根据属性返回对象*/
var execAttribute = function(selector ,parentNode){
var parentNode = parentNode? parentNode : document;
var objects = parentNode.getElementsByTagName("*");
var arr = selector.split("=") ,rets = [] ,temp;
for (var i=0;i<objects.length ;i++ )
{
if (objects[i].getAttribute(arr[0]) == arr[1])
{
rets.push(objects[i]);
}
}
return (rets.length > 1)? rets : rets[0];
};
/*无符号则根据tagName返回对象*/
var execTagName = function(selector ,parentNode){
var parentNode = parentNode? parentNode : document;
return parentNode.getElementsByTagName(selector);
};
/*分流处理*/
if (selector.indexOf("#") != -1)
{
return execId(selector ,parentNode);
}
else if (selector.indexOf("=") != -1)
{
return execAttribute(selector ,parentNode);
}
else
{
return execTagName(selector ,parentNode);
}
};
/*
** <summary>
** ajax应用
** </summary>
** <param name="url">资源地址</param>
** <param name="callback">回调方法</param>
** <param name="method">请求方式</param>
** <param name="data">所发送数据</param>
*/
sl.ajax = function(url ,callback ,method ,data){
var method = method ? method : "get";
var data = data ? data : null;
var url = (method == "get") ? (url +"?"+ data) : url;
var http = window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
var doGet = function(){
http.open(method ,url ,false);
http.setRequestHeader("If-Modified-Since" , "0" );
http.send(null);
callback(http.responseText);
};
var doPost = function(){
http.open(method ,url ,false);
http.setRequestHeader("content-length" ,data ?data.length : 0);
http.setRequestHeader("Content-Type" ,"application/x-www-form-urlencoded");
http.send(data);
callback(http.responseText);
};
if (method == "post")
{
doPost();
}
else
{
doGet();
}
http = null;
};
/*
** <summary>
** URl参数处理
** </summary>
** <param name="arg">参数</param>
*/
sl.request = function(arg){
/*根据参数返回值*/
var queryString = function(arg){
var uri = window.location.search;
var re = new RegExp(""+ arg +""=([^"&"?]*)", "ig");
return ((uri.match(re))?(uri.match(re)[0].substr(arg.length+1)):null);
};
/*不传参数返回全部参数*/
var queryStrings = function(){
var uri = window.location.search;
var re = /"w*"=([^"&"?]*)/ig;
var retval=[];
while ((arr = re.exec(uri)) != null)
retval.push(arr[0]);
return retval;
};
/*分流处理*/
if (arg)
{
return queryString(arg);
}
else
{
return queryStrings();
}
};
/*
** <summary>
** Cookie处理
** </summary>
** <param name="name">cookie键名</param>
** <param name="value">cookie键值</param>
** <param name="option">可选参数</param>
*/
sl.cookie = {
/*设置cookie*/
setCookie:function(name, value, option){
var str = name +"="+ escape(value);
if(option){
if(option.expireHours){
var d = new Date();
d.setTime(d.getTime()+option.expireHours*3600*1000);
str += "; expires="+d.toGMTString();
}
if(option.path) str += "; path="+option.path;
if(option.domain) str += "; domain="+option.domain;
if(option.secure) str += "; true";
}
document.cookie = str;
} ,
/*获取cookie*/
getCookie:function(name){
var arr = document.cookie.split("; ");
if(arr.length == 0) return "";
for(var i=0; i <arr.length; i++)
{
tmp = arr[i].split("=");
if(tmp[0] == name)
{
return unescape(tmp[1]);
}
}
return "";
} ,
/*删除cookie*/
delCookie:function(name){
this.setCookie(name,"",{expireHours:-1});
} ,
/*获取cookie长度*/
getLength:function(){
return document.cookie.split("; ").length;
}
};
/*
** <summary>
** 获取鼠标位置
** </summary>
** <param name="e">事件对象</param>
*/
sl.getMousePos = function (e){
var e = e?e : event;
if (e.pageX || e.pageY)
{
return { x: e.pageX, y: e.pageY };
}
else
{
return { x: e.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
y: e.clientY + document.documentElement.scrollTop - document.body.clientTop
};
}
};
/*
** <summary>
** 获取对象位置
** </summary>
** <param name="element">对象</param>
*/
sl.getElementPos = function(element){
var offsetTop = element.offsetTop;
var offsetLeft = element.offsetLeft;
while(element = element.offsetParent)
{
offsetTop += element.offsetTop;
offsetLeft += element.offsetLeft;
}
return {x:offsetLeft ,y:offsetTop};
};
* * sl是scriptlover的简称 ,源自http://www.scriptlover.com(我的个人网站)
* * 该文件主要将常用的函数,功能做一下封装,以便于精炼自己的程序
* * 2008-11-27
* **************************************************
* * msn:danxinju@hotmail.com
* * author:淡新举
***************************************************/
var sl = window.sl = {
/*
** <summary>
** 添加事件监听
** </summary>
** <param name="target">监听对象</param>
** <param name="eventType">事件类型</param>
** <param name="handler">处理函数</param>
*/
addEventHandler:function(target, eventType, handler){
if (target.addEventListener)
{
target.addEventListener(eventType, handler, false);
}
else if (target.attachEvent)
{
target.attachEvent("on" + eventType, handler);
}
else
{
target["on" + eventType] = handler;
}
} ,
/*
** <summary>
** 构建字符串对象
** </summary>
*/
stringBuilder:function(){
this.arr = [];
/*添加字符项目*/
this.push = function(item){
this.arr.push(item);
};
/*清空字符串*/
this.clear = function(){
this.arr.length = 0;
};
/*返回结果字符串*/
this.toString = function(){
return this.arr.join("");
};
}
};
/*
** <summary>
** 获取对象
** </summary>
** <param name="selector">选择参数</param>
** <param name="parentNode">父节点</param>
*/
sl.getElement = function(selector ,parentNode){
/*
selector参数解释(均支持以,隔开的多重选择)
#)前缀根据id返回对象
=)根据属性返回对象
)无符号则根据tagName返回对象
*/
/*#)前缀根据id返回对象*/
var execId = function(selector){
var selector = selector.replace(/#| /g ,"");
var arr = selector.split(",") ,rets = [] ,temp;
for (var i=0;i<arr.length ;i++ )
{
temp = document.getElementById(arr[i]);
if (temp)
{
rets.push(temp);
}
}
return (rets.length > 1)? rets : rets[0];
};
/*=)根据属性返回对象*/
var execAttribute = function(selector ,parentNode){
var parentNode = parentNode? parentNode : document;
var objects = parentNode.getElementsByTagName("*");
var arr = selector.split("=") ,rets = [] ,temp;
for (var i=0;i<objects.length ;i++ )
{
if (objects[i].getAttribute(arr[0]) == arr[1])
{
rets.push(objects[i]);
}
}
return (rets.length > 1)? rets : rets[0];
};
/*无符号则根据tagName返回对象*/
var execTagName = function(selector ,parentNode){
var parentNode = parentNode? parentNode : document;
return parentNode.getElementsByTagName(selector);
};
/*分流处理*/
if (selector.indexOf("#") != -1)
{
return execId(selector ,parentNode);
}
else if (selector.indexOf("=") != -1)
{
return execAttribute(selector ,parentNode);
}
else
{
return execTagName(selector ,parentNode);
}
};
/*
** <summary>
** ajax应用
** </summary>
** <param name="url">资源地址</param>
** <param name="callback">回调方法</param>
** <param name="method">请求方式</param>
** <param name="data">所发送数据</param>
*/
sl.ajax = function(url ,callback ,method ,data){
var method = method ? method : "get";
var data = data ? data : null;
var url = (method == "get") ? (url +"?"+ data) : url;
var http = window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
var doGet = function(){
http.open(method ,url ,false);
http.setRequestHeader("If-Modified-Since" , "0" );
http.send(null);
callback(http.responseText);
};
var doPost = function(){
http.open(method ,url ,false);
http.setRequestHeader("content-length" ,data ?data.length : 0);
http.setRequestHeader("Content-Type" ,"application/x-www-form-urlencoded");
http.send(data);
callback(http.responseText);
};
if (method == "post")
{
doPost();
}
else
{
doGet();
}
http = null;
};
/*
** <summary>
** URl参数处理
** </summary>
** <param name="arg">参数</param>
*/
sl.request = function(arg){
/*根据参数返回值*/
var queryString = function(arg){
var uri = window.location.search;
var re = new RegExp(""+ arg +""=([^"&"?]*)", "ig");
return ((uri.match(re))?(uri.match(re)[0].substr(arg.length+1)):null);
};
/*不传参数返回全部参数*/
var queryStrings = function(){
var uri = window.location.search;
var re = /"w*"=([^"&"?]*)/ig;
var retval=[];
while ((arr = re.exec(uri)) != null)
retval.push(arr[0]);
return retval;
};
/*分流处理*/
if (arg)
{
return queryString(arg);
}
else
{
return queryStrings();
}
};
/*
** <summary>
** Cookie处理
** </summary>
** <param name="name">cookie键名</param>
** <param name="value">cookie键值</param>
** <param name="option">可选参数</param>
*/
sl.cookie = {
/*设置cookie*/
setCookie:function(name, value, option){
var str = name +"="+ escape(value);
if(option){
if(option.expireHours){
var d = new Date();
d.setTime(d.getTime()+option.expireHours*3600*1000);
str += "; expires="+d.toGMTString();
}
if(option.path) str += "; path="+option.path;
if(option.domain) str += "; domain="+option.domain;
if(option.secure) str += "; true";
}
document.cookie = str;
} ,
/*获取cookie*/
getCookie:function(name){
var arr = document.cookie.split("; ");
if(arr.length == 0) return "";
for(var i=0; i <arr.length; i++)
{
tmp = arr[i].split("=");
if(tmp[0] == name)
{
return unescape(tmp[1]);
}
}
return "";
} ,
/*删除cookie*/
delCookie:function(name){
this.setCookie(name,"",{expireHours:-1});
} ,
/*获取cookie长度*/
getLength:function(){
return document.cookie.split("; ").length;
}
};
/*
** <summary>
** 获取鼠标位置
** </summary>
** <param name="e">事件对象</param>
*/
sl.getMousePos = function (e){
var e = e?e : event;
if (e.pageX || e.pageY)
{
return { x: e.pageX, y: e.pageY };
}
else
{
return { x: e.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
y: e.clientY + document.documentElement.scrollTop - document.body.clientTop
};
}
};
/*
** <summary>
** 获取对象位置
** </summary>
** <param name="element">对象</param>
*/
sl.getElementPos = function(element){
var offsetTop = element.offsetTop;
var offsetLeft = element.offsetLeft;
while(element = element.offsetParent)
{
offsetTop += element.offsetTop;
offsetLeft += element.offsetLeft;
}
return {x:offsetLeft ,y:offsetTop};
};
