xWin之JS版(2-26更新)

更新时间：2007年01月16日 00:00:00 作者：

xWin由三个文件组成：
页面文件：

<!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> <script type="text/javascript" src="sp/js/xwin.js"></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需再刷新一下页面才能执行]

JS:

//<![CDATA[ //********************/ //  x 系列之 xWin //  作者：Hutia //  未经同意不得转载或用于商业用途 //********************/ /* 说明：   x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签   目前x系列支持的浏览器类型为：IE5.5, FF1.5   xWin的标签为       <div class="xwin">           <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>           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); } //]]>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

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; }

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

这个破东西终于可以算是告一段落了，俺在兼容性方面也学到了不少，哈哈哈

发现bug欢迎回帖告诉我，请多多指教

ps:
加上那个DOCTYPE和不加的区别真大啊，通过了验证好高兴啊呵呵
补充说明：

1. 可以通过在CSS中自定义背景图片的方式来更改xWin的外观效果. 预留了.xWinTitleCloseButton， .xWinTitleMinButton， .xWinTitleMaxButton 用于自定义按钮图片

2. 页面初始化用的是window的attachEvent/addEventListener, 如果页面xWin脚本后有重定义window.onload=xxx可能造成无法初始化。建议所有需要初始化的脚本都采用attachEvent/addEventListener避免冲突

3.目前较HTC版的改进：
  3.1兼容了FF 1.5
  3.2修改了窗口最大化时的滚动条问题
  3.3修改了窗口最小化时的位置问题

xWin之JS版(2-26更新)

基于javascript处理nginx请求过程详解
这篇文章主要介绍了基于javascript处理nginx请求过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-07-07
javascript获取当前的时间戳的方法汇总
这篇文章主要介绍了javascript获取当前的时间戳的方法汇总的相关资料,需要的朋友可以参考下
2015-07-07
微信小程序之自定义组件的实现代码（附源码）
最近在项目开发中，遇到好多雷同的页面样式，就想着可以将常用的功能模块封装成组件，方便在项目中使用和修改。这篇文章主要介绍了微信小程序之自定义组件的实现代码（附源码）,需要的朋友可以参考下
2018-08-08
论JavaScript模块化编程
这篇文章主要介绍了论JavaScript模块化编程，感兴趣的小伙伴们可以参考一下
2016-03-03
微信小程序实现简单的吸顶效果
这篇文章主要为大家详细介绍了微信小程序实现简单的吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-05-05
js实现音乐播放器
这篇文章主要为大家详细介绍了js实现音乐播放器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
js 火狐下取本地路径实现思路
火狐下取本地全路径使用js代码实现，感兴趣的朋友可以参考下哈，希望可以帮助到你
2013-04-04
V8实现字符串拼接
本文主要介绍了V8实现字符串拼接，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-05-05
Javascript循环删除数组中元素的几种方法示例
这篇文章主要给大家介绍了关于Javascript循环删除数组中元素的几种方法，文中给出了详细的示例代码供大家参考学习，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
2017-05-05
Javascript实现代码折叠功能
代码折叠起来,使整段程序缩成一行,看起来清爽了许多。大家在使用Visual Studio环境进行开发时，可以把某个类或某个函数折叠起来，在很多网页上也有类似的功能，那到底是如何实现的呢？其实很简单，只要通过JavaScript就可以实现。
2016-08-08

xWin之JS版(2-26更新)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具