xWin之JS版(2-26更新)第1/2页_javascript技巧

俺最近似乎在反反复复的折腾xWin。。。。希望版主不要打我.......

之所以又开一帖是因为上一贴的侧重点在htc上，俺现在决定抛弃这个很有前途的东西，把侧重点放到兼容性上，开发一个x系列. So 大家把那个HTC的忘记了吧........

目前的代码兼容IE6.0 & FF 1.5 (因为俺以前一直都是IE Only, 所以转头研究兼容性实在是水平有限，目前的代码在FF上还是有许多Bug.....伤心啊)

构思中的x系列都是采用JS, 在JS中导入相应的css, 使用的时候还是一样简便：一个<script src="...">后就可以直接使用了

--------------------------更新分割线--------------------------
bound0大哥说得对啊，兼容性真的能把人折腾死.........

目前代码应该没什么bug了，兼容IE6.0 & FF 1.5, 通过xHTML 的Transitional验证和 CSS 验证

为了能通过验证，只好再次改变使用的方式，改为用DIV实现，方法：

复制代码代码如下:

<div class="xWin"> 
    <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span> 
    content 
</div> 

下面是演示版：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>xWin HTC Demo</title> <style type="text/css"> body {     width:100%;     height:100%;     margin:0px;     padding:0px;     overflow:auto; } .xWin {     position:absolute;     cursor:default;     border-width:2px;     border-style:outset;     padding:0px;     font-size:12px;     overflow:hidden;     display:block; } .xWin .xWinSetting {     display:none; } .xWin .xTitle {     color:#FFFFFF;     height:20px;     display:block; } .xWin .xTitle input {     background-color:transparent;     color:#FFFFFF;     border-width:0px;     border-style:solid;     height:20px;     width:16px;     line-height:20px;     font-family:webdings;     font-size:10px;     margin:0px;     padding:0px;     text-align:center;     float:right;     display:block; } .xWin .xTitle .xWinTitleCloseButton {      } .xWin .xTitle .xWinTitleMaxButton {      } .xWin .xTitle .xWinTitleMinButton {      } .xWin .xTitle .xWinTitleContent {     color:#FFFFFF;     font-size:12px;     height:18px;     line-height:20px;     margin:0px;     padding-left:3px;     float:left;     display:block;     overflow:hidden;     white-space:nowrap;     text-align:left;     cursor:default; } .xWin .xWinBody {     margin:0px;     background-color:#FFFFFF;     color:#000000;     padding:3px;     font-size:12px;     overflow:auto;     position:relative;     display:block; } .xShadow {     position:absolute;     display:block;     background-Color:#000000;     color:#FFFFFF; } </style> <script type="text/javascript"> //<![CDATA[ //********************/ //  x 系列之 xWin //  作者：Hutia //  未经同意不得转载或用于商业用途 //********************/ /* 说明：   x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签   目前x系列支持的浏览器类型为：IE5.5, FF1.5   xWin的标签为 <div class="xwin">content</div>   支持属性：     int left, int top, int width, int height   支持方法：     Close(), Destroy(), Max([bolean Variable]), Min([bolean Variable]),      MoveTo(int x, int y), ResizeTo(int x, int y), SetContent(string Variable | htmlObject Variable)     SetTitle(string Variable), ShowHide() */ //**载入CSS***** var xWinCssFilePath="sp//css//xwin.css"; //document.write("<style>@import url("+xWinCssFilePath+");</style>"); //**检测浏览器种类***** var BROWSERNAME=""; switch(navigator.appName.toLowerCase()){     case "netscape":         BROWSERNAME="ns";     break;     case "microsoft internet explorer":     default:         BROWSERNAME="ie";     break; } //**设置初始化变量****** switch(BROWSERNAME){     case "ns":         window.addEventListener("load",_xWin_init,false);     break;     case "ie":     default:         window.attachEvent("onload",_xWin_init); } //**设置全局定时器****** if(typeof(__xSeriaTimer__)=="undefined"){     var __xSeriaTimer__={         events:new Array(),         objs:new Array(),         handle:null,         exec:function(){             for(var i=0;i<__xSeriaTimer__.events.length;i++){                 try{                     with(__xSeriaTimer__.objs[i]){                         eval(__xSeriaTimer__.events[i]);                     }                 }catch(e){}             }         },         pop:function(i){             __xSeriaTimer__.events[i]=null;             __xSeriaTimer__.objs[i]=null;         },         push:function(strV,obj){             for(var i=0;i<__xSeriaTimer__.events.length;i++){                 if(__xSeriaTimer__.events[i]==null){                     __xSeriaTimer__.events[i]=strV;                     __xSeriaTimer__.objs[i]=obj;                     return(i);                 }             }             __xSeriaTimer__.events[i]=strV;             __xSeriaTimer__.objs[i]=obj;             return(i);         },         start:function(){             __xSeriaTimer__.stop();             __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,30);         },         stop:function(){             clearInterval(__xSeriaTimer__.handle);         }     };     __xSeriaTimer__.start(); } //**初始化函数****** function _xWin_init(){     var allTheWindows=document.getElementsByTagName("div");     for(var i=0;i<allTheWindows.length;i++){         if(allTheWindows[i].className=="xWin")_xWin_event_doInit(allTheWindows[i]);     } } //**事件响应函数区****** function _xWin_event_doInit(element){     //初始化变量     element.ownerDocument.index=isNaN(element.ownerDocument.index)?10000:parseInt(element.ownerDocument.index)+1;     element.x0=0;element.y0=0;     element.x1=0;element.y1=0;     element.w0=0;element.h0=0;     element.offx=6;element.offy=6;     element.padx=0;element.pady=0;     element.minW=90;element.minH=(BROWSERNAME=="ns"?20:20);     element.moveable=false;     element.resizable=false;     element.hover='orange';element.normal='#336699';     element.minButton=BROWSERNAME=="ie"?"0":"_";     element.maxButton=BROWSERNAME=="ie"?"1":"=";     element.normalButton=BROWSERNAME=="ie"?"2":"+";     element.closeButton=BROWSERNAME=="ie"?"r":"X";     element._title="Untitled Window";     element._body="";     element._winRect={l:0,t:0,w:0,h:0};     element._restoredWinRect={l:0,t:0,w:0,h:0};     element._windowState="normal";     element.settingNode=getElementByClassName(element,"xWinSetting");     if(!element.settingNode){         element.settingNode=document.createElement("div");         element.settingNode.className="xWinSetting";         element.settingNode.xwin=element;         element.appendChild(element.settingNode);     }     element.xwin=element;          //设置方法     element.Close=_xWin_method_Close;     element.Destroy=_xWin_method_Destroy;     element.GetSetting=_xWin_method_GetSetting;     element.Max=_xWin_method_Max;     element.Min=_xWin_method_Min;     element.MoveTo=_xWin_method_MoveTo;     element.ResizeTo=_xWin_method_ResizeTo;     element.SetContent=_xWin_method_SetContent;     element.SetTitle=_xWin_method_SetTitle;     element.ShowHide=_xWin_method_ShowHide;          //设置事件     element.onmousedown=_xWin_event_doMDown;     element.onmouseup=element.onlosecapture=_xWin_event_doMUp;     element.onmousemove=_xWin_event_doMMove;     element.onclick=_xWin_event_doClick;     element.onselectstart=element.onselect=_xWin_event_doSelect;          //记录显示风格     var tempDisplay=element.style.display;     //改变显示风格     element.style.display="block";     //设置窗口变量     var w=parseInt(element.GetSetting("width"));     w=isNaN(w)?(element.offsetWidth+10):parseInt(w);     w=w<element.minW?element.minW:w;     var h=parseInt(element.GetSetting("height"));     h=isNaN(h)?(element.offsetHeight+30):parseInt(h);     h=h<element.minH?element.minH:h;     var l=parseInt(element.GetSetting("left"));     l=isNaN(l)?element.offsetLeft:parseInt(l);     l=l<1?1:l;     var t=parseInt(element.GetSetting("top"));     t=isNaN(t)?element.offsetTop:parseInt(t);     t=t<1?1:t;     var z=element.ownerDocument.index;     var title=new String(element.GetSetting("title"));          //设置窗口标题     element.oTitle=element.ownerDocument.createElement("div");     element.oTitle.xwin=element;     element.oTitle.className="xTitle";     element.appendChild(element.oTitle);          //设置窗口标题内容     element.oTitleContent=element.ownerDocument.createElement("span");     element.oTitleContent.xwin=element;     element.oTitleContent.className="xWinTitleContent";     element.oTitle.appendChild(element.oTitleContent);     element.oTitleContent.ondblclick=function(){this.xwin.Max();};     element.SetTitle(title);          //设置窗口标题关闭按钮     element.oTitleCButton=element.ownerDocument.createElement("input");     element.oTitleCButton.xwin=element;     element.oTitleCButton.type="button";     element.oTitleCButton.className="xWinTitleCloseButton";     element.oTitle.appendChild(element.oTitleCButton);     element.oTitleCButton.onclick=function(){this.xwin.ShowHide("none");};     element.oTitleCButton.value=element.closeButton;          //设置窗口标题最大化按钮     element.oTitleMaButton=element.ownerDocument.createElement("input");     element.oTitleMaButton.xwin=element;     element.oTitleMaButton.type="button";     element.oTitleMaButton.className="xWinTitleMaxButton";     element.oTitle.appendChild(element.oTitleMaButton);     element.oTitleMaButton.onclick=function(){this.xwin.Max();};     element.oTitleMaButton.value=element.maxButton;          //设置窗口标题最小化按钮     element.oTitleMButton=element.ownerDocument.createElement("input");     element.oTitleMButton.xwin=element;     element.oTitleMButton.type="button";     element.oTitleMButton.className="xWinTitleMinButton";     element.oTitle.appendChild(element.oTitleMButton);     element.oTitleMButton.onclick=function(){this.xwin.Min();};     element.oTitleMButton.value=element.minButton;          //设置窗口内容     element.oContent=element.ownerDocument.createElement("div");     element.oContent.xwin=element;     element.oContent.className="xWinBody";     element.appendChild(element.oContent);     oC=element.firstChild;     while(oC){         tC=oC.nextSibling;         if(oC!=element.oTitle&&oC!=element.oContent){                         element.oContent.appendChild(oC);         }         oC=tC;     }          //设置窗口阴影     element.oShadow=element.ownerDocument.createElement("div");     element.oShadow.xwin=element;     element.oShadow.className="xShadow";     element.parentNode.insertBefore(element.oShadow,element.nextSibling);     element.oShadow.style.zIndex=z-1;          element.MoveTo(l,t);     element.ResizeTo(w,h);          //恢复显示风格     element.style.display=tempDisplay;     //设置窗口样式     with(element.style){         zIndex=z;         backgroundColor=element.normal;         color=element.normal;     }     padx=element.offsetWidth-element.clientWidth;     pady=element.offsetHeight-element.clientHeight;      } function _xWin_event_doMDown(evt){     var e=evt?evt:window.event;     var eSrc=e.srcElement?e.srcElement:e.target;     var leftButton=e.srcElement?e.button==1:e.button==0;     if(this.style.zIndex!=this.ownerDocument.index){//将窗口放到最前         this.ownerDocument.index+=2;         var idx = this.ownerDocument.index;         this.style.zIndex=idx;         this.nextSibling.style.zIndex=idx-1;     }     if(eSrc==this.oTitleContent&&leftButton&&this._windowState=="normal"){//如果开始拖动         //锁定标题栏;         document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();         //定义对象;         var win = this;         var sha = win.nextSibling;         //记录鼠标和层位置;         this.x0 = e.clientX;         this.y0 = e.clientY;         this.x1 = parseInt(win.style.left);         this.y1 = parseInt(win.style.top);         //改变风格;         this.oTitle.style.backgroundColor = this.hover;         win.style.borderColor = this.hover;         this.oTitle.nextSibling.style.color = this.hover;         sha.style.left = this.x1 + this.offx;         sha.style.top  = this.y1 + this.offy;         this.moveable = true;         return(true);     }     if(this.style.cursor!="default"&&this._windowState=="normal"){//开始改变大小         //锁定标题栏;         document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();         //定义对象;         var win = this;         var sha = win.nextSibling;         //记录鼠标位置和层位置和大小;         this.x0=e.clientX;         this.y0=e.clientY;         this.x1=parseInt(win.offsetLeft);         this.y1=parseInt(win.offsetTop);         this.w0=parseInt(win.offsetWidth);         this.h0=parseInt(win.offsetHeight);         //改变风格;         this.oTitle.style.backgroundColor = this.hover;         win.style.borderColor = this.hover;         this.oTitle.nextSibling.style.color = this.hover;         sha.style.left = this.x1 + this.offx;         sha.style.top  = this.y1 + this.offy;         this.resizable = true;         return(true);     } } function _xWin_event_doMUp(evt){     var e=evt?evt:window.event;     document.releaseEvents?document.releaseEvents("mousemove",this.oTitle):this.oTitle.releaseCapture();     if(this.moveable){         var win = this;         var sha = win.nextSibling;         var msg = this.oTitle.nextSibling;         win.style.borderColor     = "";         this.oTitle.style.backgroundColor = "";         msg.style.color           = "";         sha.style.left = this.oTitle.parentNode.style.left;         sha.style.top  = this.oTitle.parentNode.style.top;         this.moveable = false;         return(false);     }     if(this.resizable){         var win = this;         var sha = win.nextSibling;         var msg = this.oTitle.nextSibling;         win.style.borderColor     = "";         this.oTitle.style.backgroundColor = "";         msg.style.color           = "";         sha.style.left = this.oTitle.parentNode.style.left;         sha.style.top  = this.oTitle.parentNode.style.top;         sha.style.width = this.oTitle.parentNode.style.width;         sha.style.height = this.oTitle.parentNode.style.height;         this.style.cursor="default";         this.resizable = false;         return(false);     } } function _xWin_event_doMMove(evt){     var e=evt?evt:window.event;     if(this.moveable){//拖动窗口         this.MoveTo(this.x1 + e.clientX - this.x0, this.y1 + e.clientY - this.y0);         return(true);     }     if(this.resizable){//改变窗口大小         var xxx=this.style.cursor.substring(0,2).match(/[we]/i);         var yyy=this.style.cursor.substring(0,2).match(/[ns]/i);         l=this.offsetLeft;         t=this.offsetTop;         w=parseInt(this.style.width);         h=parseInt(this.style.height);         if(xxx=="w"){             l=this.x1+e.clientX - this.x0;             w=this.w0+this.x0-e.clientX;             if(l<0){w+=l;l=0;}             if(w<this.minW){l=l+w-this.minW;w=this.minW;}         }         if(xxx=="e"){             w=this.w0+e.clientX-this.x0;             w=w<this.minW?this.minW:w;         }         if(yyy=="n"){             t=this.y1+e.clientY - this.y0;             h=this.h0+this.y0-e.clientY;             if(t<0){h+=t;t=0;}             if(h<this.minH){t=t+h-this.minH;h=this.minH;}         }         if(yyy=="s"){             h=this.h0+e.clientY-this.y0;             h=h<this.minH?this.minH:h;         }         this.MoveTo(l,t);         this.ResizeTo(w,h);                  return(true);     }     if(this._windowState=="normal"){         var cc="";         x=window.getRealLeft(this);         y=window.getRealTop(this);         w=parseInt(this.offsetWidth);         h=parseInt(this.offsetHeight);         if(e.clientY-y<5)cc+="n";         if(y+h-e.clientY<5)cc+="s";         if(e.clientX-x<5)cc+="w";         if(x+w-e.clientX<5)cc+="e";         if(cc!=""){             this.style.cursor=cc+"-resize";             return(true);         }         if(this.style.cursor!="default"){             this.style.cursor="default";         }     } } function _xWin_event_doClick(evt){     var e=evt?evt:window.event;     var eSrc=e.srcElement?e.srcElement:e.target;     switch(eSrc){              } } function _xWin_event_doSelect(evt){     var e=evt?evt:window.event;     var eSrc=e.srcElement?e.srcElement:e.target;     if(eSrc==this.oTitle||this.oTitle.contains(eSrc)){         e.cancelBubble=true;         e.returnValue=false;         return(false);     } } function _xWinParentNode_event_doScroll(evt){     if(!this.minimizedWindows)return(true);     for(var i=0;i<this.minimizedWindows.length;i++){         this.minimizedWindows[i].Min(true);     } } //**方法函数区****** function _xWin_method_Close(){     this.Destroy(); } function _xWin_method_Destroy(){     if(this.minIndex){         this.parentNode.minimizedWindows[this.minIndex]=null;         this.minIndex=null;     }     this.outerHTML=""; } function _xWin_method_GetSetting(attributeName){     var settingString=this.settingNode.innerHTML;     if(!attributeName)return(settingString);     var regE=new RegExp(attributeName+"=[ /t]*/"?([^/"]*)","i");     var re=settingString.match(regE);     if(re){         return(re[1]);     }else{         return(re);     } } function _xWin_method_Max(reV){     if(this._windowState=="maximize"&&(!reV)){         //还原父节点overflow属性         this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow;                  this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t);         this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h);         this.oTitleMButton.value = this.minButton;         this.oTitleMaButton.value = this.maxButton;         this._windowState="normal";     }else{         if(this._windowState=="normal"){             this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t;             this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h;         }         if(this.minIndex!=null){             this.parentNode.minimizedWindows[this.minIndex]=null;             this.minIndex=null;         }         if(this.minTimeHandle!=null){             __xSeriaTimer__.pop(this.minTimeHandle);             this.minTimeHandle=null;         }         //纪录父节点overflow属性         this.parentNode.restoredStyle_overflow=this.parentNode.style.overflow;         //改变父节点overflow属性         this.parentNode.style.overflow="hidden";                  this.MoveTo(0,0);         if(this.parentNode!=document.body){             w=this.parentNode.clientWidth-5;             h=this.parentNode.clientHeight-4;         }else{             w=document.documentElement.clientWidth-5;             h=document.documentElement.clientHeight-4;         }         this.ResizeTo(w,h);         this.oTitleMButton.value = this.minButton;         this.oTitleMaButton.value = this.normalButton;         this._windowState="maximize";         this.scrollIntoView();     } } function _xWin_method_Min(reV){     if(this._windowState=="minimize"&&(!reV)){         this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t);         this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h);         this.oTitleMButton.value = this.minButton;         this.oTitleMaButton.value = this.maxButton;         this._windowState="normal";         this.parentNode.minimizedWindows[this.minIndex]=null;         this.minIndex=null;         if(this.minTimeHandle!=null){             __xSeriaTimer__.pop(this.minTimeHandle);             this.minTimeHandle=null;         }     }else{         if(this._windowState=="normal"){             this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t;             this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h;         }else{             //还原父节点overflow属性             try{                 this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow;             }catch(e){}         }         if(!this.parentNode.minimizedWindows)this.parentNode.minimizedWindows=new Array();         if(this._windowState!="minimize"){             for(var i=0;i<this.parentNode.minimizedWindows.length;i++){                 if(this.parentNode.minimizedWindows[i]==null)break;             }             this.parentNode.minimizedWindows[i]=this;         }else{             i=this.minIndex;         }         this.ResizeTo(0,0);         var w=this.offsetWidth;         var h=this.offsetHeight;         var mw=getParentRect(this).mw;         var mh=getParentRect(this).mh;         var n=parseInt(mw/w);         var t=parseInt(i/n)+1;         this.MoveTo(w*(i%n),mh-t*h-1);         if(mh>getParentRect(this).mh){             this.MoveTo(w*(i%n),mh-t*h-200);             mh=getParentRect(this).mh;             this.MoveTo(w*(i%n),mh-t*h-1);         }         this.minIndex=i;         this.oTitleMButton.value = this.normalButton;         this.oTitleMaButton.value = this.maxButton;         this._windowState="minimize";         if(this.minTimeHandle==null){             this.minTimeHandle=__xSeriaTimer__.push("Min(true)",this);             this.scrollIntoView();         }     } } function _xWin_method_MoveTo(x,y){     var win = this.oTitle.parentNode;     var sha = win.nextSibling;          x=isNaN(x)?0:parseInt(x);     y=isNaN(y)?0:parseInt(y);     x=x<0?0:x;     y=y<0?0:y;     this.style.left=x+"px";     this.style.top=y+"px";          sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px";     sha.style.top  = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px";     this._winRect.l=x;     this._winRect.t=y; } function _xWin_method_ResizeTo(w,h){     var win = this;     var sha = win.nextSibling;              var w=isNaN(w)?this.minW:parseInt(w);     var h=isNaN(h)?this.minH:parseInt(h);     var w=w<this.minW?this.minW:w;     var h=h<this.minH?this.minH:h;          this.style.width=w+"px";     this.style.height=h+"px";     this.oTitle.style.width=parseInt(this.clientWidth)+"px";     var wTC=this.clientWidth;     for(var i=0;i<this.oTitle.childNodes.length;i++){         if(this.oTitle.childNodes[i]!=this.oTitleContent){wTC-=this.oTitle.childNodes[i].offsetWidth;}     }     wTC-=8;     this.oTitleContent.style.width=(wTC<1?1:wTC)+"px";          var wC=this.clientHeight-this.oTitle.offsetHeight-6;     this.oContent.style.height=(wC<1?1:wC)+"px";     this.oContent.style.width=parseInt(this.clientWidth-6)+"px";     sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px";     sha.style.top  = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px";     sha.style.width = parseInt(win.style.width)+"px";     sha.style.height = parseInt(win.style.height)+"px";          this._winRect.w=w;     this._winRect.h=h; } function _xWin_method_SetContent(v){     if(this.oContent){         if(v==null||v==undefined||v==""){this._body=this.oContent.innerHTML="";return(this.oContent);}         if(typeof(v)=="string"){             this._body=this.oContent.innerHTML=v;             return(this.oContent);         }else{             try{                 this.oContent.innerHTML="";                 this._body=this.oContent.appendChild(v);                 return(this.oContent);             }catch(e){                 throw(e);             }         }     }else{         this._body=v;         return(null);     } } function _xWin_method_SetTitle(strT){     this._title=strT==null?this._title:strT;     if(this.oTitleContent){         setInnerText(this.oTitleContent,this._title);     } } function _xWin_method_ShowHide(dis){     var bdisplay = (dis==null)?((this.style.display=="none")?"":"none"):dis;     this.style.display = bdisplay;     this.nextSibling.style.display = bdisplay;     if(bdisplay=="none"){         if(this._windowState=="minimize"){             this.parentNode.minimizedWindows[this.minIndex]=null;             this.minIndex=null;         }     }else{         if(this._windowState=="minimize"){             this.Min();         }     } } //**通用函数区*** function getRealLeft(o){     var l=o.offsetLeft-o.scrollLeft;     while(o=o.offsetParent){         l+=o.offsetLeft-o.scrollLeft;     }     return(l); } function getRealTop(o){     var t=o.offsetTop-o.scrollTop;     while(o=o.offsetParent){         t+=o.offsetTop-o.scrollTop;     }     return(t); } function setInnerText(obj,text){     switch(BROWSERNAME){         case "ns":             obj.textContent=text;         break;         case "ie":         default:             obj.innerText=text;     } } function getElementByClassName(obj,className){     for(var i=0;i<obj.childNodes.length;i++){         if(obj.childNodes[i].className==className)return(obj.childNodes[i]);     }     return(null); } function getParentRect(obj){     var re=new Object();     if(obj.parentNode!=document.body){         re.mw=Math.max(obj.parentNode.scrollWidth,obj.parentNode.clientWidth);         re.mh=Math.max(obj.parentNode.scrollHeight,obj.parentNode.clientHeight);     }else{         re.mw=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth);         re.mh=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);     }     return(re); }     //]]> </script> </head> <body> <div class="xWin" id="win1" >     <span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是传说中那个超长的窗口标题"</span>     我就是传说中那个超长的窗口标题我就是传说     <div class="xWin" id="win30" >         <span class="xWinSetting"> width="100" top="20" left="20" title="我就是传说中那个超长的窗口标题"</span>         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长     </div>     的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题     我就是传说中那个超长的     <div class="xWin" id="win31" >         <span class="xWinSetting">width="100" top="40" left="40" title="我就是传说中那个超长的窗口标题" </span>         中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长     </div>     窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那     个超长的窗口标题我就是传说中那个超长的窗口标题     c     12345 </div> <div class="xWin" id="win2">     <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>     我是窗口2     我是窗口2     我是窗口2     我是窗口2     <a href="javascript:void(0);">更换标题</a>     我是窗口2     我是窗口2     我是窗口2     我是窗口2 </div> <a href="javascript:win1.ShowHide('');void(0);">win1</a> <a href="javascript:win2.ShowHide('');void(0);">win2</a> <a href="javascript:document.getElementById('win3').ShowHide('');void(0);">win3</a> <a href="javascript:document.getElementById('win4').ShowHide('');void(0);">win4</a> <div id="ssss"></div> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

当前1/2页 1 2 下一页

xWin之JS版(2-26更新)第1/2页_javascript技巧_