happyxp 发表于 2020-9-25 16:45:29

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

1、首先是固定值,打开的网址,页面高宽,都是固定的,需要在页面多次调用的解决方案。
JS部分:
<script LANGUAGE="JavaScript">
function openwin(){
var iWidth = 800;                         //弹出窗口的宽度;
var iHeight = 600;                        //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2;      //获得窗口的水平位置;
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');
}       
</script>  参数解释:  
  <SCRIPTLANGUAGE="javascript">js脚本开始;
  window.open弹出新窗口的命令;
  'page.html'弹出窗口的文件名;
  '网页标题'弹出窗口的名字(不是文件名),非必须,可用空''代替;
  iWidth = 800窗口高度;
  iHeight = 600窗口宽度;
  top=0窗口距离屏幕上方的象素值;
  left=0窗口距离屏幕左侧的象素值;
  toolbar=no是否显示工具栏,yes为显示;
  menubar,scrollbars表示菜单栏和滚动栏。
  resizable=no是否允许改变窗口大小,yes为允许;
  location=no是否显示地址栏,yes为允许;
  status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
  </SCRIPT>js脚本结束

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

2、非固定值,就是调用程序,打开的页面高宽都不是固定的值。
JS部分:
function openwin(url,name,iWidth,iHeight)
{
var url;                            //转向网页的地址;
var name;                           //网页名称,可为空;
var iWidth;                         //弹出窗口的宽度;
var iHeight;                        //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2;      //获得窗口的水平位置;
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');
}调用:
<a href="javascript:void(0);" οnclick="javascript:openwin('page.html','页面标题',800,600);">打开一个新的固定高宽的中间窗口</a>这样做得好处是可以在a标签里面随意赋值。
页: [1]
查看完整版本: js打开一个新窗口固定大小并且居中显示