2011-12-13 144 views
1

如何设置HTML弹出窗口的宽度和高度..大小弹出窗口

我用下面这段代码..

window.open('customerlist.jsp?salespersonid=<%=salespersonid%>&flag=<%=tempite%>','popupwindow','width=50 ,height=50') 

它在IE浏览器工作正常,但其他浏览器全屏显示弹出窗口而不是指定的尺寸。在其他浏览器中使用什么选项?

IE结果: IE Screenshot

铬结果: Chrome Screenshot

+0

[MDN(https://developer.mozilla.org/en/DOM/window.open)指出'height'和'width'最小值是'100',在这里有'50' 。 –

+0

我在Chrome和Firefox中检查了给定的窗口打开方法代码片段。它可以正确显示高度和宽度。见http://jsfiddle.net/VXF6L/但是我认为如果你提到了宽度和高度的单位,比如50px而不是50,那会更好。 –

回答

0

在Chrome中,你必须设置 “状态= 0” 来得到正常的行为。

1

我建议你使用jQuery的弹出窗口。标准插件在所有浏览器中都能很好地呈现。你可以马上开始使用jQuery的简单模态插件。如果你仍然想使用window.open,这个链接应该非常有用http://www.gtalbot.org/BugzillaSection/Bug195867GDR_WindowOpen.html

使用简单的模式,您必须将您的弹出html代码包含在您想要显示它的同一页面中。把它放在div里面。然后添加此代码

$(function(){ 
     $(".your_button").click(){ 
     $(".your_div").modal(); 
     } 
    }); 
0

也许它可以是解决方案。我没有尝试过。

w2=window.open("http://www.java2s.com","mywin","width=400,height=300,screenX=50,left=50,screenY=50,top=50,status=yes,menubar=yes"); 

然后您可以连接到您打开的窗口。

w2.resizeTo(400,300);