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

happyxp

1、首先是固定值，打开的网址，页面高宽，都是固定的，需要在页面多次调用的解决方案。
JS部分：
! L: Y2 f+ S# Z3 [, K' |+ n

1. <script LANGUAGE="JavaScript">
   
2. function openwin(){
   
3. var iWidth = 800;                         //弹出窗口的宽度;
   0 o' b4 B/ ?5 Y+ w. d% O
4. var iHeight = 600;                        //弹出窗口的高度;
   ! k! |4 }  b& W( w
5. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
   
6. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
   
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. }       
   ; j3 e5 P# \2 |( F+ z
9. </script>

复制代码

　　参数解释：　　
　　<SCRIPTLANGUAGE="javascript">js脚本开始；
1 c) Q; b4 P/ p9 ~7 a' h　　window.open弹出新窗口的命令；
　　'page.html'弹出窗口的文件名；
　　'网页标题'弹出窗口的名字（不是文件名），非必须，可用空''代替；
% ?" L) g- t8 F$ D& H. @4 r　　iWidth = 800窗口高度；
1 L% J3 O8 @* w) ?- H8 q　　iHeight = 600窗口宽度；
0 W7 m- Q; T4 e8 h- E6 f7 @　　top=0窗口距离屏幕上方的象素值；
　　left=0窗口距离屏幕左侧的象素值；
, Q( @0 M; w. @9 m8 h' \　　toolbar=no是否显示工具栏，yes为显示；
- x6 h7 n, g9 [7 d% Y/ _　　menubar，scrollbars表示菜单栏和滚动栏。
　　resizable=no是否允许改变窗口大小，yes为允许；
9 O; Q, X. |8 \) c1 e; z" q　　location=no是否显示地址栏，yes为允许；
　　status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
7 \* `8 G& {3 k  r8 h/ P/ v, I　　</SCRIPT>js脚本结束
& e! a! L" a: N- m) `) b% _
" ~5 {& H5 |5 g* F: Q7 r( n调用：
6 p$ r. S6 h8 N

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

复制代码

( [: ]( B1 O: v0 q5 p2、非固定值，就是调用程序，打开的页面高宽都不是固定的值。
JS部分：

1. function openwin(url,name,iWidth,iHeight)
   
2. {
   
3. var url;                            //转向网页的地址;
   
4. var name;                           //网页名称，可为空;
   
5. var iWidth;                         //弹出窗口的宽度;
   " g3 c" F1 }2 Q' C1 y6 |0 k
6. var iHeight;                        //弹出窗口的高度;
   ' Q8 ]8 I' A& }7 O, |8 J2 k
7. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
   " I9 A  l, k' J+ O) c  b9 G
8. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
   7 [; s: ]2 @: j2 L. v, b- p
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');
   / |8 M3 b7 s; n% [1 `
10. }

复制代码

调用：

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

复制代码

这样做得好处是可以在a标签里面随意赋值。
9 R' n- {8 d" J5 f& D