居中的弹出式窗口

方式一:JS代码创建窗口

js 代码
  1. <script>   
  2. var popup = new Object()   
  3.   
  4. function CenterPopup(URL, width, height)   
  5. {   
  6.     // Window dimensions:   
  7.     var theWidth, theHeight;   
  8.     if (window.innerWidth)   
  9.     theWidth=window.innerWidth;   
  10.     else if (document.documentElement && document.documentElement.clientWidth)   
  11.     theWidth=document.documentElement.clientWidth;   
  12.     else if (document.body)   
  13.     theWidth=document.body.clientWidth;   
  14.        
  15.     if (window.innerHeight)   
  16.     theHeight=window.innerHeight;   
  17.     else if (document.documentElement && document.documentElement.clientHeight)   
  18.     theHeight=document.documentElement.clientHeight;   
  19.     else if (document.body)   
  20.     theHeight=document.body.clientHeight;   
  21.        
  22.     // Window origin   
  23.     var originX, originY;   
  24.     if (window.innerHeight) {   
  25.     originX=screenX+(window.outerWidth-window.innerWidth);   
  26.     originY=screenY+(window.outerHeight-window.innerHeight);   
  27.     }   
  28.     else {   
  29.     originX=screenLeft;   
  30.     originY=screenTop;   
  31.     }   
  32.        
  33.     var X = theWidth/2;   
  34.     var Y = theHeight/2;   
  35.     var features='"scrollbars=0, ' +  
  36.     'width=' + width + ', ' +  
  37.     'height=' + height + ', ' +  
  38.     'top=' + parseInt(originY + (Y - (height/2))) + ', ' + //  
  39.     'left=' + parseInt(originX + (X - (width/2))) + '"';   
  40.     popup = window.open(URL, "PopUp", features);   
  41.     popup.focus()   
  42. }   
  43. </script>   
  44.   
  45. <html>   
  46. <body>   
  47.     <a href="#" οnclick="CenterPopup('house.html',500,400)">open new window</a>   
  48. </body>   
  49. </html>  

方式二:open()打开窗口

js 代码
  1. <HTML>   
  2. <Head>   
  3. <Script Language=JavaScript>   
  4.   
  5. var popWin = "";   
  6.   
  7. function openwin(url, strWidth, strHeight){   
  8.   
  9. if (popWin != ""){popWin.close()}   
  10. leftStr = (screen.width-strWidth)/2;   
  11. topStr = (screen.height-strHeight)/2;   
  12. windowProperties = "toolbar=no,menubar=no,scrollbars=no,stausbar=no,height="+strHeight+",width="+strWidth+",left="+leftStr+",top="+topStr+"";   
  13. popWin = window.open(url,'newWin',windowProperties);   
  14. }   
  15.   
  16. </Script>   
  17. </Head>   
  18. <Body>   
  19. <a href="#" onClick="openwin('house.html',400,325)">Open a centered popup window</a>    
  20. </Body>   
  21. </HTML>   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值