搜索
查看: 7600|回复: 0

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

[复制链接]
发表于 2020-9-25 16:45:29 | 显示全部楼层 |阅读模式
1、首先是固定值,打开的网址,页面高宽,都是固定的,需要在页面多次调用的解决方案。
: f9 X4 g- j8 ^; H- I$ GJS部分:) Y8 D$ M$ {; `2 L; @9 X
  1. <script LANGUAGE="JavaScript">4 c5 g+ m* O4 {' s. M) B! i
  2. function openwin(){
    0 X4 F" C- p) D( T
  3. var iWidth = 800;                         //弹出窗口的宽度;
    5 A- ^* D; v7 D7 c. @
  4. var iHeight = 600;                        //弹出窗口的高度;
    % y9 t6 P( x2 D. e5 l% q$ h  e  z
  5. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;8 R2 f, V8 l% l4 S0 F7 l' E
  6. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;
    0 G& [8 D& X* Z7 d( V$ k9 N
  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');
    / Z, }% s( P, d3 D4 m
  8. }        / d% }9 R: A! o5 i
  9. </script>
复制代码
  参数解释:  
2 K; p: S! [  ~0 t5 Z  <SCRIPTLANGUAGE="javascript">js脚本开始;2 O0 V$ h: c4 u4 b3 J2 O
  window.open弹出新窗口的命令;
: n( U1 U( }& A' B+ G# D! V7 i  'page.html'弹出窗口的文件名;6 S- O0 f. s, U9 {7 l3 P+ [
  '网页标题'弹出窗口的名字(不是文件名),非必须,可用空''代替;2 C# E, p* I3 V
  iWidth = 800窗口高度;
4 ]- R  g5 E7 D+ a+ \7 h- r  iHeight = 600窗口宽度;
  T0 v7 W/ ]" O7 Y# i  top=0窗口距离屏幕上方的象素值;& P; U& w9 s# X* Q
  left=0窗口距离屏幕左侧的象素值;! e4 W! _& ?2 {0 j. t. Y8 ]3 D
  toolbar=no是否显示工具栏,yes为显示;
, V8 i. _2 Y4 T. p# i  menubar,scrollbars表示菜单栏和滚动栏。6 }* c2 S9 b3 v8 x2 I
  resizable=no是否允许改变窗口大小,yes为允许;
" `9 {* }2 u7 [( c" m4 E  location=no是否显示地址栏,yes为允许;9 @3 J$ ?; z$ t+ w7 H# _& m7 }0 e
  status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
5 x3 {* O7 Y: n& M+ o0 ~  </SCRIPT>js脚本结束! f7 U( g* l  i( L! I
+ R0 e# `# H9 B* X
调用:
' g+ t- p3 [7 b; m, f" J% F
  1. <a href="#" οnclick="openwin()">打开一个新的固定高宽的中间窗口</a>
复制代码
( K, l) \0 r, [. }1 H# I
+ g1 @0 k! D' X; S" P
2、非固定值,就是调用程序,打开的页面高宽都不是固定的值。
6 X* K5 C4 i0 R- w4 b0 [1 n" s. @JS部分:
4 H# @- [9 U7 x7 H' q
  1. function openwin(url,name,iWidth,iHeight)
    7 E& o3 V2 S% M
  2. {
    * Z; B9 o5 {1 ?9 p  @$ q+ G
  3. var url;                            //转向网页的地址;
    & g/ t8 Q( _9 ?5 B8 I7 E/ e; |
  4. var name;                           //网页名称,可为空;7 N- C9 L( H( N
  5. var iWidth;                         //弹出窗口的宽度;
    7 d5 u, }" L9 X( c" b: P# w
  6. var iHeight;                        //弹出窗口的高度;1 G) G, p% ~# d
  7. var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;! {/ i% y' B+ }1 q
  8. var iLeft = (window.screen.availWidth-10-iWidth)/2;        //获得窗口的水平位置;5 A) Z/ W) I/ \. x
  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');( p; W$ k8 x/ o, P
  10. }
复制代码
调用:+ R8 Y( ^1 H; \
  1. <a href="javascript:void(0);" οnclick="javascript:openwin('page.html','页面标题',800,600);">打开一个新的固定高宽的中间窗口</a>
复制代码
这样做得好处是可以在a标签里面随意赋值。
9 K* y# P! E) u9 a
回复

使用道具 举报

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

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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