搜索
查看: 14075|回复: 0

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

[复制链接]
发表于 2020-9-25 16:45:29 | 显示全部楼层 |阅读模式
1、首先是固定值,打开的网址,页面高宽,都是固定的,需要在页面多次调用的解决方案。
0 P( Q0 M, U) [% n* t6 lJS部分:
; a& R: E: O/ f8 B* c6 K. e% h
  1. <script LANGUAGE="JavaScript">
    : y; @5 P+ ~* L: O& m
  2. function openwin(){4 u3 [; `! p6 A1 N( A" p& j
  3. var iWidth = 800;                         //弹出窗口的宽度;
    / U( S( ?( O  z* ]9 }+ {5 W
  4. var iHeight = 600;                        //弹出窗口的高度;8 z! \: W) J: _- S9 B  w
  5. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;  U4 S5 V& T8 y, \( y* I! Z8 |
  6. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;- o- j7 e. @* }" c
  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');
    " F% q2 i* ?& Z( G
  8. }        : h, N+ v4 k" l
  9. </script>
复制代码
  参数解释:  , r0 t$ Q, G$ |1 f) J/ o/ W' [. a9 `9 j, M
  <SCRIPTLANGUAGE="javascript">js脚本开始;# V( c$ N' ?2 Y0 F8 R& I2 O! ~) d
  window.open弹出新窗口的命令;. _- O! u, {, v" n% `
  'page.html'弹出窗口的文件名;
6 g9 N0 z" q, M; a  '网页标题'弹出窗口的名字(不是文件名),非必须,可用空''代替;
% o& W" k* Y7 V5 [6 |; L& F9 b  iWidth = 800窗口高度;
4 N  A- e5 @9 k! |  iHeight = 600窗口宽度;
# ^7 _# }# v" }  top=0窗口距离屏幕上方的象素值;
2 r, R9 _7 b% C" |& i2 z, @6 N  left=0窗口距离屏幕左侧的象素值;
( |8 {- J9 v8 x0 s/ }2 r4 Y  toolbar=no是否显示工具栏,yes为显示;' R1 \1 R3 z) ~$ G5 q
  menubar,scrollbars表示菜单栏和滚动栏。
1 L1 C. W# {: R0 s, a5 |  resizable=no是否允许改变窗口大小,yes为允许;
, k3 C6 E5 L" I$ m  location=no是否显示地址栏,yes为允许;% E8 ^) x* j. A6 k+ V: m
  status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
0 }* C; |% y6 q& Z1 P* a  </SCRIPT>js脚本结束
# M1 x7 y/ N3 e; f# Y% c
- y% b: F5 _& `$ W+ d8 q调用:
; u# j0 p- w  j6 E
  1. <a href="#" οnclick="openwin()">打开一个新的固定高宽的中间窗口</a>
复制代码

( s& o& i7 s1 t. Y* O3 D4 B" W+ ~' S  L4 P; `3 L1 e, D
2、非固定值,就是调用程序,打开的页面高宽都不是固定的值。' y' }5 b- g" G# P& q
JS部分:# u( B+ @3 N- Z7 I
  1. function openwin(url,name,iWidth,iHeight)
    ' y0 C( U( q" v6 b
  2. {/ ~+ g( K, _  c, ]* S
  3. var url;                            //转向网页的地址;' p+ D! Q2 Q! Z
  4. var name;                           //网页名称,可为空;; ], o; x7 R) [& g5 |
  5. var iWidth;                         //弹出窗口的宽度;7 w% I1 i1 ^3 f& L% Q5 D1 y# f
  6. var iHeight;                        //弹出窗口的高度;- G" K0 c  {5 X5 T; b- U; A: C% W& z/ W
  7. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
    , T; t4 o* U- s3 d9 g
  8. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;- l2 p( H/ ?  u7 u
  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');  B4 `  E! Z9 H( ?! R
  10. }
复制代码
调用:) C# l0 V; ?; O
  1. <a href="javascript:void(0);" οnclick="javascript:openwin('page.html','页面标题',800,600);">打开一个新的固定高宽的中间窗口</a>
复制代码
这样做得好处是可以在a标签里面随意赋值。; N9 F3 U/ o" i: V
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

热议作品
精华帖子排行
精彩推荐

虾皮社区,成立十年了!

站长自己也搞不懂想做个什么,反正就是一直在努力的做!

Copyright © 2007-2019 xp6.org Powered by Discuz

QQ|Archiver|手机版|小黑屋|虾皮社区 鲁公网安备 37021102000261号 |网站地图
返回顶部 返回列表