您的位置:首页 > 运维架构

打开新窗口的window.open使用方法以及最大化等问题解决方法汇总

2009-11-27 17:43 1086 查看
一、window.open()支持环境:
  
  JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
  
二、基本语法:
  
  var win=window.open(pageURL,name,parameters)
  
  其中:
  pageURL 为子窗口路径
  name 为子窗口句柄,win也为子窗口的window对象,注意区别
  parameters 为窗口参数(各参数用逗号分隔)
  

三、部分参数
  
  其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。
  
  参数 | 取值范围 | 说明
  | |
  alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
  alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
  depended | yes/no | 是否和父窗口同时关闭
  directories | yes/no | Nav2和3的目录栏是否可见
  height | pixel value | 窗口高度
  hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
  innerHeight | pixel value | 窗口中文档的像素高度
  innerWidth | pixel value | 窗口中文档的像素宽度
  location | yes/no | 位置栏是否可见
  menubar | yes/no | 菜单栏是否可见
  outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
  outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
  resizable | yes/no | 窗口大小是否可调整
  screenX | pixel value | 窗口距屏幕左边界的像素长度
  screenY | pixel value | 窗口距屏幕上边界的像素长度
  scrollbars | yes/no | 窗口是否可有滚动栏
  titlebar | yes/no | 窗口题目栏是否可见
  toolbar | yes/no | 窗口工具栏是否可见
  Width | pixel value | 窗口的像素宽度
  z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
status | yes/no 状态栏是否可见

四、使用注意:

1、toolbar=0与toolbar='no'、toolbar=1与toolbar='yes'效果一样

2、resizable='yes'与scrollbars='yes'都存在时,滚动条不会出现,必须resizable='no'或0

3、window.open()的页面参数改变时,要关闭父IE窗口,重新打开,才能见改变效果。难道其和showModal
Dialog()一样,也是预加载的?









打开新窗口最大化解决方法:
问题致因:用window.open()方法打开新窗口时,新窗口最大化按钮不能用,不管你怎么写,都不可以最大化,而且窗口大小也不可以调整,加参数resizable=yes(no)这条语句根本就不起作用,不知道怎么回事。

方法一:加入fullscreen="1"参数,这是目前最好的最简单的解决办法。例:Win=window.open"main.htm","","fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0,top=10000,left=10000");

方法二:用screen.availHeight 和screen.availwidth作为height、width参数值。但是screen.availheight和screen.availwidth并不是全屏,而是已有窗口的标题栏、左边部分区域以及任务栏,所以打开多个窗口时,新窗口越来越小。也许可以用数值计算控制这种缩小,不过没能实现。
例1:
<script language=JavaScript><!--
var ww = window.screen.width;
var hh = window.screen.height - 20;
window.open("aa.asp", "","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0,width="+ww+",height="+hh);
// --></script>
例2:
新窗口中添加事件解决方法:
<script language=JavaScript type="text/javascript" >
if (window.screen){
window.moveTo(0, 0);
window.resizeTo(screen.availWidth,screen.availHeight);
}
</script>
经过修改:
function newWindow()
{
var pageURL="http://191.1.1.49:8080/servletprint/PrintViewerServlet?screenwidth="+(screen.width-15)+"&"+"screenheight="+screen.height;
var mywin=window.open(pageURL,"","resizable='yes',status='yes',depended='yes',directories='no',location='no',menubar='no',titlebar='yes',toolbar='no'");
mywin.moveTo(0, 0);
mywin.resizeTo(screen.availWidth,screen.availHeight);
}
看到网上有用新窗口句柄的,不过在我的环境下测试时老报错:“拒绝访问”,不知何解。这个思路不知道行不行得通。这个方法和fullscreen一样,没有让窗体的真正的最大化,但是已经达到了最大的效果。
不过在maxthon中效果不好,前者无法在maxthon中最大化,因为是浏览器的最大化,页面没有最大化,
用后面其实大小是满屏了,但是没有真正最大化,
有人用
window.open("Default18.aspx","a"," channelmode =yes,menubar=yes,toolbar = yes,status = yes ");
chanelmode来解决此问题.
但是最大化后无法用resize后再次变大,另外连window的任务栏都被盖住了

方法三:实现真正最大化。例1:
</object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Maximize">
</object>
<input type=button value=最大化 onclick=max.Click()>
例2:窗口打开自动最大化代码
<!-- 窗口打开后最大化 -->
<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM name="Command" value="Maximize"></OBJECT>
<script>
if(window.screenLeft!=0)
max.Click();
</script>
<!-- 窗口打开后最大化结束 -->不过有的网友说这个东东在asp.net2.0中无效,不知道是不是。

方法四:如是在新窗口中实现窗口最大化,js实现方法,前面已经有几种方法了。下面再介绍一方法
This.WindowState = Maximized!
三种状态:Maximized! Minimized! Normal!
可以在被打开的窗口的resize事件中添加如下命令:
this.windowstate = maximized!
即可或者
在被打开的窗口的OPEN或ACTIVATE事件中添加如下命令:
this.windowstate = maximized!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐