window.open()居中

Fly_free_ 2008-11-10 10:40:54

如题，弹出的时候是居中的

...全文

5846 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

Jason_Du_Java 2012-01-05

打赏
举报

2楼封装，也正解

為你成魔 2011-02-23

打赏
举报

一楼正解

bwrobert 2010-07-14

打赏
举报

一点不好用

xx395853587 2009-10-14

打赏
举报

sssssssssssssssssssssssss

Fly_free_ 2008-11-10

打赏
举报

谢谢，1楼的就能解决结贴了

dd__dd 2008-11-10

打赏
举报

window.open('URL',null,'height=500,width=800,top='+(screen.height-500)/2+',left='+(screen.width-800)/2+',toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no');

满衣兄 2008-11-10

打赏
举报

function openwindow(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);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>

缺点：与原窗口的大小，位置无关。

dd__dd 2008-11-10

打赏
举报

window.open('url,null,'height=500,width=800,top='+(screen.height-500)/2+',left='+(screen.width-800)/2+',toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no');

window.open()弹出居中的窗口

1.js 代码如下:[removed] function openwindow(url,name,iWidth,iHeight) { // url 转向网页的地址 // name 网页名称，可为空 // iWidth 弹出窗口的宽度 // iHeight 弹出窗口的高度 //window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽 var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置; var iLeft =

受到（启发。特征仅2.68KB （已压缩！）。支持完整的window.open api 。为React 16构建（使用ReactDOM.createPortal ）。阻止弹出窗口的处理程序（通过onBlock prop）。根据父窗口或屏幕使弹出窗口居中。安装 npm i react-new-window --save 用法 import React from 'react' import NewWindow from 'react-new-window' const Demo = ( ) => ( < NewWindow> < h1> Hi :waving_hand: < / h1 > < / NewWindow > ) 装入将打开一个弹出窗口。卸载后，弹出窗口将关闭。 children内容将呈现到新的弹出窗口中。在这种情况下， Hi

layer.open的自适应： var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index); layer.open居中： var index1 = layer.load(2, { shade: false });//过渡 //重新定义layer.open的宽 var index = parent.layer.getFrameIndex(window.name); parent.layer.sty