js打开一个新窗口固定大小并且居中显示

happyxp

1、首先是固定值，打开的网址，页面高宽，都是固定的，需要在页面多次调用的解决方案。
JS部分：
. [* ~! O1 X0 V1 A6 Y

1. <script LANGUAGE="JavaScript">
   : G) y* r. k" k5 g
2. function openwin(){
   
3. var iWidth = 800;                         //弹出窗口的宽度;
   7 {. P2 i0 C% X) _! v. ~
4. var iHeight = 600;                        //弹出窗口的高度;
   2 f, \+ E7 D3 }, i- O* W
5. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
     x/ p5 s0 ]1 w4 `+ n, V( d8 g
6. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
     J) J# V& P0 `7 f& l. w
7. window.open("page.html","网页标题",'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
   
8. }       
   2 j$ s# l) p( ]) b/ p7 F
9. </script>

复制代码

　　参数解释：　　
  q, d' x" M1 i4 X$ G( ]　　<SCRIPTLANGUAGE="javascript">js脚本开始；
　　window.open弹出新窗口的命令；
. m$ O: L- }  l　　'page.html'弹出窗口的文件名；
( Q7 g1 _3 y) j8 B　　'网页标题'弹出窗口的名字（不是文件名），非必须，可用空''代替；
8 V$ r- ?  h* |/ u! H　　iWidth = 800窗口高度；
　　iHeight = 600窗口宽度；
　　top=0窗口距离屏幕上方的象素值；
6 w* t& c0 T. ~; @　　left=0窗口距离屏幕左侧的象素值；
　　toolbar=no是否显示工具栏，yes为显示；
. x& ~! @& q; l! j　　menubar，scrollbars表示菜单栏和滚动栏。
　　resizable=no是否允许改变窗口大小，yes为允许；
  X1 ]; e" C3 I　　location=no是否显示地址栏，yes为允许；
' F2 R0 {! `8 v, C. E7 W0 {　　status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
& J3 q) X" o9 r1 K　　</SCRIPT>js脚本结束
& p4 x2 ?2 h) L# h4 G
调用：
& M7 i" a& e6 N

1. <a href="#" οnclick="openwin()">打开一个新的固定高宽的中间窗口</a>

复制代码

3 g- p' r3 A- }, D, L! u
2、非固定值，就是调用程序，打开的页面高宽都不是固定的值。
JS部分：
: S' E4 x0 N1 g1 w5 N/ J3 ?0 @! u

1. function openwin(url,name,iWidth,iHeight)
   9 {& A$ r; @6 ~  K
2. {
   , P* ^+ n5 F! g# o5 M
3. var url;                            //转向网页的地址;
   0 g6 n* a6 u; t  s; \* Y& M9 h9 O
4. var name;                           //网页名称，可为空;
   
5. var iWidth;                         //弹出窗口的宽度;
   
6. var iHeight;                        //弹出窗口的高度;
   
7. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
   4 l% A/ @5 X5 J: R8 W: Q; j; |% P; ~
8. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
   0 s3 x; I) z2 X$ s% ^9 ^
9. window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
   5 m8 p" l: V' Y1 l/ M
10. }

复制代码

调用：
$ y* I+ M' D4 k

1. <a href="javascript:void(0);" οnclick="javascript:openwin('page.html','页面标题',800,600);">打开一个新的固定高宽的中间窗口</a>

复制代码

这样做得好处是可以在a标签里面随意赋值。
* u6 i4 Q3 o1 m% L6 W* j