搜索
查看: 13923|回复: 0

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

[复制链接]
发表于 2020-9-25 16:45:29 | 显示全部楼层 |阅读模式
1、首先是固定值,打开的网址,页面高宽,都是固定的,需要在页面多次调用的解决方案。$ i  Q3 d/ x$ v, u; f5 L# T
JS部分:  S! E' A8 h4 }, E$ D
  1. <script LANGUAGE="JavaScript">
    6 ]2 d$ \0 H! F
  2. function openwin(){
    & @  L' H6 n5 e! h" c9 g
  3. var iWidth = 800;                         //弹出窗口的宽度;% H5 X; Y) Q; h. x
  4. var iHeight = 600;                        //弹出窗口的高度;" _8 v3 `& [0 p' o! r& C" a
  5. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;, b4 S& ]7 e: y
  6. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
    * u5 u1 f4 x& P8 @5 a6 P
  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');
    + T- @6 I" W: K/ J- C
  8. }       
    3 ~; z9 {$ v% O: _. A7 U+ a9 T/ h! f
  9. </script>
复制代码
  参数解释:  
' O9 A% W2 ^* h( v  <SCRIPTLANGUAGE="javascript">js脚本开始;
8 u! b" b1 K8 e( T% t* @4 \2 K5 V" r  window.open弹出新窗口的命令;
# o) V1 Y2 E1 O& p3 \  'page.html'弹出窗口的文件名;
+ @. Z. Q: I$ y  E: T! ^: m  '网页标题'弹出窗口的名字(不是文件名),非必须,可用空''代替;9 _6 V. y" f  ~" a" V
  iWidth = 800窗口高度;
( P# Q" K7 E) O7 D  y  iHeight = 600窗口宽度;1 F& k' U  m! P4 g7 Y% `
  top=0窗口距离屏幕上方的象素值;1 R, |9 W) M) f' F/ n( p
  left=0窗口距离屏幕左侧的象素值;' ^8 s; s) k9 {- [) f4 d3 e% D! s
  toolbar=no是否显示工具栏,yes为显示;. g' h  V2 ]0 t" L
  menubar,scrollbars表示菜单栏和滚动栏。/ p+ P- u( T; d0 z2 {. }. n
  resizable=no是否允许改变窗口大小,yes为允许;
+ i% X1 z) O" `4 K  location=no是否显示地址栏,yes为允许;
) R# A" |5 _' s& C  status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;( c3 N: Y* ~% W
  </SCRIPT>js脚本结束
$ Y/ T* z* w; D! r8 m
5 H. y0 Y4 s; n9 b$ b调用:
' O; e* |4 `6 d" J% s
  1. <a href="#" οnclick="openwin()">打开一个新的固定高宽的中间窗口</a>
复制代码

4 c( T; [( Q; X7 C4 f2 k" A& i3 o4 C
: x5 {" `) _2 P  P3 g2、非固定值,就是调用程序,打开的页面高宽都不是固定的值。
1 d3 {) t* q3 c0 WJS部分:; K- D6 X; Y5 \
  1. function openwin(url,name,iWidth,iHeight)" V* H$ v1 k, C6 L, k& E
  2. {$ X$ O$ T8 F2 M) M9 x7 Y3 i; W  a
  3. var url;                            //转向网页的地址;
    ; y$ X; l" z/ {0 E7 u; {2 M6 l& ^
  4. var name;                           //网页名称,可为空;) z5 [2 x; Q7 L/ D
  5. var iWidth;                         //弹出窗口的宽度;' ]+ B7 e0 `! O+ d# p4 L/ Y" C
  6. var iHeight;                        //弹出窗口的高度;- d: x! m' }, k- \) ^$ S( T
  7. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;$ B8 o3 X9 Z4 w  {* m1 F
  8. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
    4 U+ J+ A- u2 \. m  [
  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');# V, R$ p8 h9 |6 G- h
  10. }
复制代码
调用:
+ X0 ~! ?5 G9 _1 b
  1. <a href="javascript:void(0);" οnclick="javascript:openwin('page.html','页面标题',800,600);">打开一个新的固定高宽的中间窗口</a>
复制代码
这样做得好处是可以在a标签里面随意赋值。
* P3 i4 L8 Q6 H: P; F* e2 T
回复

使用道具 举报

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

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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