搜索
查看: 1247|回复: 0

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

[复制链接]
发表于 2020-9-25 16:45:29 | 显示全部楼层 |阅读模式
1、首先是固定值,打开的网址,页面高宽,都是固定的,需要在页面多次调用的解决方案。
# h9 n2 ?' f( g: {0 w+ p5 xJS部分:
9 B  b! Y: u; J# ^+ m$ s  o4 z+ e
  1. <script LANGUAGE="JavaScript">0 _6 n# R( a6 _5 B
  2. function openwin(){
    3 G0 e# K) D8 A$ }& k+ B9 X& F
  3. var iWidth = 800;                         //弹出窗口的宽度;8 ?& \/ Q7 A7 I, c9 ?+ k
  4. var iHeight = 600;                        //弹出窗口的高度;
    ! R; b  u' B* H5 n: w" R
  5. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;! v# N, q0 m/ [0 s( J" h
  6. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
    7 p. M% |. F; F# O4 K( L5 \
  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');
    : W$ A2 v4 Q& N5 E" A1 D
  8. }        5 g8 w0 `2 h3 r
  9. </script>
复制代码
  参数解释:  
' @' v# D( F% d+ e: N& d& {5 F  <SCRIPTLANGUAGE="javascript">js脚本开始;% A2 o5 d$ z) I. V8 F3 X  e
  window.open弹出新窗口的命令;% e6 M$ C6 z4 K8 i: r
  'page.html'弹出窗口的文件名;7 ^8 R  l6 r. i1 n* B1 V
  '网页标题'弹出窗口的名字(不是文件名),非必须,可用空''代替;7 N& i, k6 R' x, }# r7 j! k% [: v
  iWidth = 800窗口高度;2 i" g& D: l9 \4 t7 V( T' }; i- _
  iHeight = 600窗口宽度;/ @, i4 Y2 f* x4 a
  top=0窗口距离屏幕上方的象素值;: H" N9 i' N" k: w- ~
  left=0窗口距离屏幕左侧的象素值;$ r. M! k6 [: F2 Q( a5 s& X, }
  toolbar=no是否显示工具栏,yes为显示;4 e% |& n- K4 Q1 H; s
  menubar,scrollbars表示菜单栏和滚动栏。& n6 i# [3 C: N+ c
  resizable=no是否允许改变窗口大小,yes为允许;# v4 V5 ?4 k9 J* H
  location=no是否显示地址栏,yes为允许;
2 U: ?0 m" j1 L% C1 T3 |  status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
% f* M) X8 U2 g) _  </SCRIPT>js脚本结束
5 _- q& R3 v8 k6 ^# M0 ?7 o9 B1 e9 N) F) n. Z
调用:5 s- S* |, s) v) N6 Z: W$ i
  1. <a href="#" οnclick="openwin()">打开一个新的固定高宽的中间窗口</a>
复制代码

8 [  m- Z9 `8 s
! i" v1 B/ _" h3 ^5 x2、非固定值,就是调用程序,打开的页面高宽都不是固定的值。
9 z" o5 L& J8 w3 v% O% ^, K) @1 pJS部分:! y/ s5 g% ?5 R, o! J$ F7 _: F. |& `
  1. function openwin(url,name,iWidth,iHeight)
    7 W, k, c2 E  M$ W# c, R3 U4 W
  2. {7 [( @: f) |9 x8 f( V
  3. var url;                            //转向网页的地址;
    8 v* ]/ X. m% x0 i
  4. var name;                           //网页名称,可为空;% i3 N9 v2 y* [! h6 P$ N
  5. var iWidth;                         //弹出窗口的宽度;
    5 O  ^2 h! [$ ^1 l, n. z
  6. var iHeight;                        //弹出窗口的高度;! i! }7 q" x3 h+ ]+ ~
  7. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;- T7 r4 F3 e0 }, p$ E
  8. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
    3 E2 l! e& [/ O% X# c* y8 R0 s
  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 f: h$ K0 ?2 \- |- w% A  h4 Z5 C
  10. }
复制代码
调用:/ V  i( H! C. z3 `
  1. <a href="javascript:void(0);" οnclick="javascript:openwin('page.html','页面标题',800,600);">打开一个新的固定高宽的中间窗口</a>
复制代码
这样做得好处是可以在a标签里面随意赋值。3 @, T- S/ k" \
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

QQ|小黑屋|手机版|Archiver|虾皮社区 ( 鲁ICP备13006813号-1 ) 鲁公网安备 37021102000261号
返回顶部 返回列表