`

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

 
阅读更多

一、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!  

分享到:
评论

相关推荐

    window.open最大化问题

    在上面的代码中,我们首先使用 Window.open 方法打开一个新的窗口,然后使用 moveTo 方法将窗口移动到左上角,接着使用 focus 方法将焦点设置到新打开的窗口中,最后使用 blur 方法将焦点从当前窗口移除。...

    window.open最大化操作

    Window.open最大化操作 在Web开发中,我们经常需要弹出新的浏览器窗口,而在某些情况下,我们需要将这个窗口最大化以便于用户体验。那么,如何使用JavaScript的window.open方法来实现窗口的最大化呢? 首先,让...

    window.open 控制

    总结起来,`window.open()` 方法提供了一种灵活的方式来创建和控制浏览器窗口,通过精细调整`features`参数,我们可以实现窗口的最大化以及获取焦点,从而提升用户体验。在实际开发中,应考虑兼容性问题,确保在不同...

    js中打开新窗口的各种方法.doc

    它接受三个参数:要打开的URL、新窗口的名称(可选)以及一个包含窗口属性的字符串。 1. **全屏打开新窗口**: ```javascript function ow(owurl) { var tmp = window.open("about:blank", "", "fullscreen=1");...

    自动全屏和最大化打开窗口

    &lt;br&gt;在制作网页时,往往会期望主页或某个页面以最大化的...这个例子两手准备,如果最大化打开新窗口成功,则关闭第一个窗口,否则,采用常规方式打开。这样,就保证了不会出现新窗口没打开而原窗口又关掉的情况。

    实现浏览器全屏窗口的几种方法

    - 通过`window.open`函数打开一个新窗口,并设置参数为全屏模式。 - 可以通过设置不同的参数来控制新窗口的行为,例如禁用滚动条、菜单栏等。 2. **示例代码**: ```javascript function omiga_window() { ...

    打开浏览器窗口最大化效果.rar

    `window.open()`可以用来打开新窗口,通过设置`width`和`height`属性为`screen.width`和`screen.height`,可以实现窗口最大化。另外,也可以使用`window.resizeTo()`或`window.moveTo()`来调整窗口大小和位置。对于...

    layUI使用layer.open,在content打开数据表格,获取值并返回的方法

    在本文中,我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格,并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架,它提供了丰富的组件和便捷的API,包括弹层、表单...

    前端开源库-bwindow

    1. **新窗口创建**:`bWindow` 提供了创建新窗口的功能,允许开发者自定义新窗口的属性,如大小、位置、URL以及是否在新窗口中打开链接等。 2. **窗口管理**:可以调整窗口的大小、移动窗口位置,甚至实现窗口之间...

    HTML中IFrame父窗口与子窗口相互操作

    `,其中`url`是新窗口的URL,`name`是窗口名称,`features`是窗口特征(如大小、位置等)。 4. **子窗口操作自身**: 子窗口也可以操作自身的属性,例如调整自身大小、位置,或者与父窗口通信,通过`window.self`...

    javascript经典特效---窗口的完全控制按钮.rar

    `window.open(url, name, features)`可以打开新窗口,其中url是加载的页面地址,name是窗口的名字,features是窗口属性,如大小、位置等。 5. **监听窗口事件**: JavaScript允许我们监听窗口的生命周期事件,如`...

    弹出窗口总汇集

    当使用`window.open`或IE特有方法时,可以通过参数字符串来定制新窗口的特性,如大小、位置、是否可调整大小等。以下是一些常用的参数: - `dialogWidth`: 设置窗口的宽度。 - `dialogHeight`: 设置窗口的高度。 - ...

    2304489791721561.创建窗口.zip

    JavaScript提供了`window.open`方法来创建新窗口,但这通常用于用户交互而非程序启动时的窗口创建。 7. **游戏开发中的窗口创建** 游戏开发中,窗口通常是渲染游戏场景的载体。例如,在使用Unity引擎时,会自动...

    JavaScript关闭当前页面(窗口)不带任何提示

    如果要关闭当前窗口,需要配合window.open('','_self')方法使用,这里_self参数表示当前窗口。为了避免在一些浏览器(比如IE)中可能出现的问题,可以先将window.opener设置为null,以防止 opener 引用的窗口因为...

    桌面图标,增加窗口.

    在编程层面,开发者可以使用API来控制窗口的行为,如最小化、最大化、关闭或调整大小。 总的来说,"桌面图标,增加窗口"是一个涵盖了用户界面设计、网页开发、操作系统功能和编程实践的广泛话题。无论是对普通用户...

    layer弹出层全屏及关闭方法

    上述代码中,`layer.open()`用于打开一个新的弹出层,其中`area`参数用于定义弹出层的宽高,为了实现全屏效果,我们可以将其设置为`'auto'`。调用`layer.full(index)`后,弹出层会自动调整至全屏大小。 当需要关闭...

    将弹出窗口切换至最大.txt

    这对于最大化窗口非常有用,因为如果窗口初始位置不在屏幕的左上角,那么在最大化时可能会出现空白边框或不完全覆盖整个屏幕的情况。 ##### `self.resizeTo(screen.availWidth, screen.availHeight);` 这行代码...

    经常用到的网页特效代码

    本文将详细解释如何实现以下功能:禁止他人iFrame你的网页、iFrame别人的网页、最小化窗口、最大化窗口、禁止复制以及使用右键等功能,并介绍简单的`window.open`方法。 #### 1. 禁止他人iFrame你的网页 为了防止...

    JS语法字典.pdf

    7. 窗口操作:JS可以操作浏览器窗口,例如使用window.open()打开新窗口,window.close()关闭当前窗口,window.alert()显示警告框,window.confirm()显示确认对话框,window.prompt()显示提示对话框,window.location...

Global site tag (gtag.js) - Google Analytics