一、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 方法打开一个新的窗口,然后使用 moveTo 方法将窗口移动到左上角,接着使用 focus 方法将焦点设置到新打开的窗口中,最后使用 blur 方法将焦点从当前窗口移除。...
Window.open最大化操作 在Web开发中,我们经常需要弹出新的浏览器窗口,而在某些情况下,我们需要将这个窗口最大化以便于用户体验。那么,如何使用JavaScript的window.open方法来实现窗口的最大化呢? 首先,让...
总结起来,`window.open()` 方法提供了一种灵活的方式来创建和控制浏览器窗口,通过精细调整`features`参数,我们可以实现窗口的最大化以及获取焦点,从而提升用户体验。在实际开发中,应考虑兼容性问题,确保在不同...
它接受三个参数:要打开的URL、新窗口的名称(可选)以及一个包含窗口属性的字符串。 1. **全屏打开新窗口**: ```javascript function ow(owurl) { var tmp = window.open("about:blank", "", "fullscreen=1");...
<br>在制作网页时,往往会期望主页或某个页面以最大化的...这个例子两手准备,如果最大化打开新窗口成功,则关闭第一个窗口,否则,采用常规方式打开。这样,就保证了不会出现新窗口没打开而原窗口又关掉的情况。
- 通过`window.open`函数打开一个新窗口,并设置参数为全屏模式。 - 可以通过设置不同的参数来控制新窗口的行为,例如禁用滚动条、菜单栏等。 2. **示例代码**: ```javascript function omiga_window() { ...
`window.open()`可以用来打开新窗口,通过设置`width`和`height`属性为`screen.width`和`screen.height`,可以实现窗口最大化。另外,也可以使用`window.resizeTo()`或`window.moveTo()`来调整窗口大小和位置。对于...
在本文中,我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格,并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架,它提供了丰富的组件和便捷的API,包括弹层、表单...
1. **新窗口创建**:`bWindow` 提供了创建新窗口的功能,允许开发者自定义新窗口的属性,如大小、位置、URL以及是否在新窗口中打开链接等。 2. **窗口管理**:可以调整窗口的大小、移动窗口位置,甚至实现窗口之间...
`,其中`url`是新窗口的URL,`name`是窗口名称,`features`是窗口特征(如大小、位置等)。 4. **子窗口操作自身**: 子窗口也可以操作自身的属性,例如调整自身大小、位置,或者与父窗口通信,通过`window.self`...
`window.open(url, name, features)`可以打开新窗口,其中url是加载的页面地址,name是窗口的名字,features是窗口属性,如大小、位置等。 5. **监听窗口事件**: JavaScript允许我们监听窗口的生命周期事件,如`...
当使用`window.open`或IE特有方法时,可以通过参数字符串来定制新窗口的特性,如大小、位置、是否可调整大小等。以下是一些常用的参数: - `dialogWidth`: 设置窗口的宽度。 - `dialogHeight`: 设置窗口的高度。 - ...
JavaScript提供了`window.open`方法来创建新窗口,但这通常用于用户交互而非程序启动时的窗口创建。 7. **游戏开发中的窗口创建** 游戏开发中,窗口通常是渲染游戏场景的载体。例如,在使用Unity引擎时,会自动...
如果要关闭当前窗口,需要配合window.open('','_self')方法使用,这里_self参数表示当前窗口。为了避免在一些浏览器(比如IE)中可能出现的问题,可以先将window.opener设置为null,以防止 opener 引用的窗口因为...
在编程层面,开发者可以使用API来控制窗口的行为,如最小化、最大化、关闭或调整大小。 总的来说,"桌面图标,增加窗口"是一个涵盖了用户界面设计、网页开发、操作系统功能和编程实践的广泛话题。无论是对普通用户...
上述代码中,`layer.open()`用于打开一个新的弹出层,其中`area`参数用于定义弹出层的宽高,为了实现全屏效果,我们可以将其设置为`'auto'`。调用`layer.full(index)`后,弹出层会自动调整至全屏大小。 当需要关闭...
这对于最大化窗口非常有用,因为如果窗口初始位置不在屏幕的左上角,那么在最大化时可能会出现空白边框或不完全覆盖整个屏幕的情况。 ##### `self.resizeTo(screen.availWidth, screen.availHeight);` 这行代码...
本文将详细解释如何实现以下功能:禁止他人iFrame你的网页、iFrame别人的网页、最小化窗口、最大化窗口、禁止复制以及使用右键等功能,并介绍简单的`window.open`方法。 #### 1. 禁止他人iFrame你的网页 为了防止...
7. 窗口操作:JS可以操作浏览器窗口,例如使用window.open()打开新窗口,window.close()关闭当前窗口,window.alert()显示警告框,window.confirm()显示确认对话框,window.prompt()显示提示对话框,window.location...