xWin之JS版(2-26更新)第1/2頁

2019-11-21 02:19:38

字體：大中小

來源：轉載

供稿：網友

俺最近似乎在反反復復的折騰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   id="iwvjtn8m0"   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   id="iwvjtn8m0"   class="xWin" id="win1" >     <span id="iwvjtn8m0"    class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是傳說中那個超長的窗口標題"</span>     我就是傳說中那個超長的窗口標題我就是傳說     <div   id="iwvjtn8m0"   class="xWin" id="win30" >         <span id="iwvjtn8m0"    class="xWinSetting"> width="100" top="20" left="20" title="我就是傳說中那個超長的窗口標題"</span>         中那個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長     </div>     的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長的窗口標題     我就是傳說中那個超長的     <div   id="iwvjtn8m0"   class="xWin" id="win31" >         <span id="iwvjtn8m0"    class="xWinSetting">width="100" top="40" left="40" title="我就是傳說中那個超長的窗口標題" </span>         中那個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長     </div>     窗口標題我就是傳說中那     個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那個超長的窗口標題我就是傳說中那     個超長的窗口標題我就是傳說中那個超長的窗口標題     c     12345 </div> <div   id="iwvjtn8m0"   class="xWin" id="win2">     <span id="iwvjtn8m0"    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   class="iwvjtn8m0"   id="ssss"></div> </body> </html>

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

12 下一頁閱讀全文

上一篇：Javascript----文件操作

下一篇：鼠標移動到某個單元格上后，整個列都變色的實現方法