v2.4.js

js封装类 项目中常用js封装 希望对大家有帮助

/*************
//增加Cookie
function addCookie(name,value,expireHours){
    var cookieString=name+"="+escape(value);
    //判断是否设置过期时间
    if(expireHours>0){
        var date=new Date();
        date.setTime(date.getTime+expireHours*3600*1000);
        cookieString=cookieString+"; expire="+date.toGMTString();
    }
    document.cookie=cookieString;
}
//获取Cookie值
function getCookie(name){
    var strCookie=document.cookie;
    var arrCookie=strCookie.split("; ");
    for(var i=0;i<arrCookie.length;i++){
        var arr=arrCookie[i].split("=");
        if(arr[0]==name){
            return unescape(arr[1]);
        }
    }
    return false;
}
//删除Cookie
function deleteCookie(name){
    var date=new Date();
    date.setTime(date.getTime()-10000);
    document.cookie=name+"=; expire="+date.toGMTString();
}
*************/


/***************
* 子窗口刷新父窗口.(写在子窗口里)
**************/
function opener_reload()
{
window.opener.location.reload();
}
//javascript:this.location.reload()// 刷新本页  window.history.go(0)
//<INPUT TYPE="button" onclick=window.history.back() value=back> //后退 window.history.go(-1);
//<INPUT TYPE="button" onclick=window.history.forward() value=forward>//前进  window.history.go(1);



/**************
* 不被浏览器拦截的弹出窗口JS代码:
* 程序弹出的窗口将不会被广告拦截软件拦截，但有一个缺点：你无法象对window.open弹出的窗口那样对外观进行定制。
* 用法：<input type=button onclick='window.force.open("a.html")' />
* 定义ForceWindow类构造函数
* 无参数
* 无返回值.
* 实例化一个ForceWindow对象并做为window对象的一个子对象以方便调用
* 定义后可以这样来使用：window.force.open("URL");
* 你当然也可以在使用前实例化一个ForceWindow对象：
* var myWindow = new ForceWindow();
* 这样来使用：
* myWindow.open("URL");
* 本程序测试通过的浏览器：IE 5+、Firefox 1.0、Mozilla 1.7.5、Netscape 7.2、Opera 7.23
**************/
function ForceWindow ()
{
this.r = document.documentElement;
this.f = document.createElement("FORM");
this.f.target = "_blank";
this.f.method = "post";
this.r.insertBefore(this.f, this.r.childNodes[0]);
}
ForceWindow.prototype.open = function (sUrl) //定义open方法 , 参数sUrl：字符串，要打开窗口的URL, 无返回值
{
this.f.action = sUrl;
this.f.submit();
}
window.force = new ForceWindow();


/**************
拷贝/复制文本框内容。（兼容IE和FF）
用法:
1，<input type="text"  name="d" id="d" value="&lt;http://www.cssrain.cn&gt;&lt;http://www.cssrain.cn&gt;" /><input id="Button1" type="button" onclick="copyText(document.getElementById('d'));" value="复制" />  <br/>
2，<textarea name="c"  id="c" rows="4" cols="20">&lt;http://www.cssrain.cn&gt;</textarea>
<input id="Button2" type="button" onclick="copyText(document.getElementById('c'));" value="复制" />
**************/
function copyText(obj)
{
    if( obj.type !="hidden" )
    {
        obj.focus();
    }
    obj.select(); 
    copyToClipboard(obj.value);
    alert("拷贝成功！");
}
function copyToClipboard(txt) {  
    if(window.clipboardData)  
    {  
        window.clipboardData.clearData();  
        window.clipboardData.setData("Text", txt);  
    }  
    else if(navigator.userAgent.indexOf("Opera") != -1)  
    {  
        window.location = txt;  
    }  
    else if (window.netscape)  
    {  
        try {  
            netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");  
        }  
        catch (e)  
        {  
            alert("您使用的浏览器不支持此复制功能，请使用ctrl+c或者浏览器右键复制");  
        }  
        var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);  
        if (!clip)  
            return;  
        var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);  
        if (!trans)  
            return;  
        trans.addDataFlavor('text/unicode');  
        var str = new Object();  
        var len = new Object();  
        var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);  
        var copytext = txt;  
        str.data = copytext;  
        trans.setTransferData("text/unicode",str,copytext.length*2);  
        var clipid = Components.interfaces.nsIClipboard;  
        if (!clip)  
            return false;  
        clip.setData(trans,null,clipid.kGlobalClipboard);  
    }  
    return true;  
}


//运行代码
//用法：
 //<textarea id="a">aaaaaaaa</textarea>
 //<input type="button" value="运行" onclick="runEx('a')" />

function runEx(cod1)  {
	 cod=document.getElementById(cod1)
	  var code=cod.value;
	  if (code!=""){
		  var newwin=window.open('','','');  
		  newwin.opener = null 
		  newwin.document.write(code);  
		  newwin.document.close();
	}
}


/*
插入Flash文件
在你要插入的位置 。
 <script>
  document.write( GetFlashStr("pro.swf","400px","100px",true) );
 </script>
*/
function GetFlashStr(Path,Width,Height,Transparent){
	 var Temp,T="";
	 Temp='<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="FlashH" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="'+Width+'" height="'+Height+'">'
	 Temp+='<param name="movie" value="'+Path+'"/>'
	 Temp+='<param name="quality" value="High"/>'
	 Temp+='<param name="scale" value="ExactFit"/>'
	 if (Transparent) {Temp+=' <param name="wmode" value="transparent"/>';T='wmode="transparent"'}
	 Temp+='<embed src="'+Path+'" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="FlashH" width="'+Width+'" height="'+Height+'" quality="High"'+T+' scale="ExactFit"/>'
	 Temp+='</object>'
	 return Temp;
}

/**************
//间歇性循环滚动新闻。从下往上滚动。
//拷贝以下内容，到单独的页面 即可。

<div id="icefable1" style="font-size:12px;">
<div style="text-align:left; width:100%; height:20px;"><a target="_blank" href="#" title="111">111</a></div>
<div style="text-align:left; width:100%; height:20px;"><a target="_blank" href="#" title="222">222</a></div>
<div style="text-align:left; width:100%; height:20px;"><a target="_blank" href="#" title="333">333</a></div>
<div style="text-align:left; width:100%; height:20px;"><a target="_blank" href="#" title="444">444</a></div>       
<SCRIPT LANGUAGE="JavaScript">
var marqueesRows=4; //滚动行数，与上面的div数目对应
var marqueesHeight=20; //滚动区域的高度，请同时修改上面div样式内的高度
var marqueeSpeed=30; //滚动速度(越小越快)
var pauseTime=70; //停留时间
var stopscroll=false;
var preTop=0, theTop=marqueesHeight*marqueesRows, currentTop=marqueesHeight, stoptime=0;
with(icefable1){
	style.width=186; //滚动区域的宽度
	style.height=marqueesHeight;
	style.overflowX="visible";
	style.overflowY="hidden";
	noWrap=false;
	onmouseover=new Function("stopscroll=true");
	onmouseout=new Function("stopscroll=false");
	innerHTML+=innerHTML;
	scrollTop=0;
}
setInterval("scrollUp()",marqueeSpeed);
function scrollUp(){//Modified by Dakular
	if(stopscroll==true) return;
	currentTop+=1;
	if(currentTop==marqueesHeight+1){
		stoptime+=1; currentTop-=1;
		if(stoptime==pauseTime){currentTop=0; stoptime=0;}
	}else {
		preTop=(++icefable1.scrollTop);
		if(preTop==theTop){icefable1.scrollTop=0;}
	}
}
</SCRIPT>
</div>
**************/



/**************
显示/隐藏内容。
用法:
<img src="images/close.gif" id="img_a" onClick="show_hide_display(table_a,img_a)">
<table id="table_a">
<tr>
<td>aaa</td>
</tr>
</table>
**************/
function show_hide_display(t_id,i_id){//显示/隐藏
var t_id;//表格ID
var i_id;//图片ID
var default_img="images/close.gif";//默认图片
var on_img="images/close.gif";//打开时图片
var off_img="images/open.gif";//隐藏时图片
if (t_id.style.display == "none") {//如果为隐藏状态
t_id.style.display="";//切换为显示状态
i_id.src=on_img;}//换图
else{//否则
t_id.style.display="none";//切换为隐藏状态
i_id.src=off_img;}//换图
}


/**************
使按钮有效/无效。
用法:
<form name="form_a">
<INPUT TYPE="button" NAME="aa"  value="test" onclick="input_disabled()" />
<INPUT TYPE="button" NAME="bb" value="cssrain" />
<INPUT TYPE="button" NAME="bb" value="cssrain" />
</form>
**************/
function input_disabled()
{
 for(var i=0;i<document.form_a.elements.length;i++)
   {
   if(document.form_a.elements[i].name.indexOf("bb")!=-1)
    document.form_a.elements[i].disabled=!document.form_a.elements[i].disabled;
   }
}


/**************
 * 图片自动缩小方法。
 * 用法：
<div id="d">
<img src="http://www.baidu.com/img/logo-yy.gif" width="300" height="300"/>
<img src="http://www.baidu.com/img/logo-yy.gif" />
</div>

window.onload=function(){
resizeImg(50,'d');
}
**************/
function resizeImg(maxWidth,contentId){
	var imgs=document.getElementById(contentId).getElementsByTagName("img");
	for(var i=0;i<imgs.length;i++){
		if(imgs[i].width>maxWidth){
			imgs[i].removeAttribute('width');
			imgs[i].removeAttribute('height');
			imgs[i].removeAttribute('style');
			imgs[i].width=maxWidth;
			imgs[i].style.cursor="hand";
			imgs[i].onclick = function(){
				window.open(this.src);
			}
		}
	}
}


/**************
判断浏览器和操作系统。
用法:
window.onload=function(){
       alert(getPlatform());
}
**************/
/*--GLOBAL VARIABLES--*/
var OS;
var browser;
function checkIt(string) {
	var detect = navigator.userAgent.toLowerCase();
	return detect.indexOf(string) + 1;
}
function getPlatform() {
	if (checkIt('konqueror')) {
		browser = "Konqueror";
		OS = "Linux";
	}
	else if (checkIt('safari')) 		browser = "Safari"
	else if (checkIt('omniweb')) 		browser = "OmniWeb"
	else if (checkIt('opera')) 			browser = "Opera"
	else if (checkIt('webtv')) 			browser = "WebTV";
	else if (checkIt('icab')) 			browser = "iCab"
	else if (checkIt('msie 7')) 		browser = "Internet Explorer 7"
	else if (checkIt('msie')) 			browser = "Internet Explorer"
	else if (!checkIt('compatible')) 	browser = "Netscape Navigator"
	else 								browser = "Unknown Browser";

	if (!OS) {
		if (checkIt('linux')) 		OS = "Linux";
		else if (checkIt('x11')) 	OS = "Unix";
		else if (checkIt('mac')) 	OS = "Mac"
		else if (checkIt('win')) 	OS = "Windows"
		else 						OS = "Unknown Operating System";
	}
	return browser+"|"+OS;
}


/**************
图片，超链接提示效果.tooltips
用法:
Demo1：<img src="a.gif" onmouseover="showToolTip(event,'<font style=font-size:14px;font-weight:bold;color:#000000>测试1</font><img src=b.gif  border=0 align=absmiddle>');" alt="" onmouseout="hideToolTip();" />
Demo2：<a href="a.html" onmouseover="showToolTip(event,'<font style=font-size:14px;font-weight:bold;color:#000000>测试2</font><img src=b.gif  border=0 align=absmiddle>');" alt="" onmouseout="hideToolTip();">cssrain.cn</a>
引用此方法注意 在页面上加入:
<div id="frDiv_cssrain" style="overflow: visible; position: absolute; visibility: hidden;z-index: 500">
<iframe id="ifr_cssrain" src="javascript:null" style="overflow: visible; position: relative;z-index: 500; width: 342px;height:0px;" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</div>
**************/
function hideToolTip(){
    parent.document.getElementById("frDiv_cssrain").style.visibility="hidden";
}
function showToolTip(event,msg){ 
        var event =event || window.event;
        var ifr_cssrain = getIFrameDocument("ifr_cssrain");  
        var e_html = ifr_cssrain.createElement("html");
        var e_body = ifr_cssrain.createElement("body");
        e_body.style.marginLeft = "0px"; 
        e_body.style.marginTop = "0px"; 
        e_body.style.marginBottom = "0px"; 
        e_body.style.marginRight = "0px"; 
        var e_div = ifr_cssrain.createElement("div");
        e_div.id = "divContent"; 
        e_div.style.wordWrap="break-word"; 
        e_div.style.backgroundColor="#aad5ff";
        e_div.style.borderStyle="solid"; 
        e_div.style.borderWidth="1px"; 
        e_div.style.borderColor="#336699"; 
        e_div.style.paddingLeft = "3px"; 
        e_div.style.paddingTop = "3px"; 
        e_div.style.paddingBottom = "3px"; 
        e_div.style.paddingRight = "3px"; 
        e_div.innerHTML = msg; 
        e_body.appendChild(e_div); 
        e_html.appendChild(e_body);      
        ifr_cssrain.body.innerHTML = e_body.innerHTML; 
        var oBody = ifr_cssrain.getElementById("divContent"); 
        var oFrame = document.getElementById("ifr_cssrain"); 
        var oFrDiv = document.getElementById("frDiv_cssrain"); 
        oFrame.style.height = oBody.offsetHeight; 
        //oFrame.style.width = oBody.offsetWidth;
        oFrDiv.style.visibility="visible"; 
/*event.x与event.y问题
说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;
Firefox下,even对象有pageX,pageY属性,但是没有x,y属性. 
解决方法:
使用mX(mX = event.x ? event.x : event.pageX;)
来代替IE下的event.x或者Firefox下的event.pageX. 
*/
        oFrDiv.style.left =  ((event.x ? event.x : event.pageX)+1)+"px"; 
        oFrDiv.style.top =  ((event.y ? event.y : event.pageY)+1)+"px";  
}
function   getIFrameDocument(aID)   { 
var   rv   =   null;   
if   (document.getElementById(aID).contentWindow){ 
rv   =   document.getElementById(aID).contentWindow.document; 
}   else   { 
//   IE 
rv   =   document.frames[aID].document; 
} 
return   rv; 
} 


/**************
*window.open居中打开.(兼容IE和FF)
*用法：
*<input type=button  onclick="NewWindow('a.html','cssrain','200','200',yes)"/>
**************/
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings ='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable';
win = window.open(mypage,myname,settings);
win.focus();
}


/**************
*大小写金额转换函数。
把数字转成中文 -- “零壹” 这种。
*用法：
小写金额：<input type="text" name="aaa" id="aaa" onkeyup="nst_convert(this)"><br>
大写金额：<input type="text" name="bbb" id="bbb" size=80>
**************/
function convertCurrency(currencyDigits) {
// Constants:
 var MAXIMUM_NUMBER = 99999999999.99;
 // Predefine the radix characters and currency symbols for output:
 var CN_ZERO = "零";
 var CN_ONE = "壹";
 var CN_TWO = "贰";
 var CN_THREE = "叁";
 var CN_FOUR = "肆";
 var CN_FIVE = "伍";
 var CN_SIX = "陆";
 var CN_SEVEN = "柒";
 var CN_EIGHT = "捌";
 var CN_NINE = "玖";
 var CN_TEN = "拾";