`
ilusm
  • 浏览: 107351 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript:window.open()--窗口参数详解!

阅读更多
window.open()方法中,窗口控制参数的详细定义:
alwaysLowered innerWidth screenY
alwaysRaised left scrollbars
channelmode location status
dependent menubar titlebar
directories outerWidth toolbar
fullscreen outerHeight top
height menubar width
hotkeys resizable z-lock
innerHeight screenX  
 

 
alwaysLowered
Internet Explorer:不支持
Navigator:版本 4+
指定窗口总是保留在堆栈的最下面。换言之,不管新窗口是否激活,总是其他窗口下。
window.open("alwayslowered.html", "_blank", "alwaysLowered");

alwaysRaised
  Internet Explorer:不支持
  Navigator:版本 4+
  指定窗口总是保留在堆栈的最上面。换言之,不管新窗口是否激活,总是其他窗口上。
  window.open("alwaysraised.html", "_blank", "alwaysRaised");

channelmode
  Internet Explorer:版本 4+
  Navigator:不支持
  指定是否按照剧场模式显示窗口,以及是否显示频道区。
  window.open("channelmode.html", "_blank", "channelmode");

dependent
  Internet Explorer:不支持
  Navigator:版本 4+
  定义是否窗口成为当前打开窗口的依赖子窗口。依赖窗口就是当它的父窗口关闭时,它也随即关闭。在windows平台上,一个依赖窗口不会在任务栏上显示。
  window.open("dependent.html", "_blank", "dependent");

directories
  Internet Explorer:所有版本
  Navigator:所有版本
  指定是否显示目录按钮(比如众所周知的"What's Cool" and "What's New" 按钮)。Internet Explorer将这些目录按钮引用为链接工具栏,Navigator(版本4和以上)称之为个人工具栏。
  window.open("directories.html", "_blank", "directories");

fullscreen
  Internet Explorer:版本 4+
  Navigator:不支持
  定义是否按照全屏方式打开浏览器。请小心使用全屏模式,因为在这种模式下,浏览器的标题栏和菜单都被隐藏,所有你应该提供一个按钮或者其他可视的线索来帮助用户关闭这个窗口。当然,使用热键ALT+F4也能关闭窗口。
  window.open("fullscreen.html", "_blank", "fullscreen");

height
  Internet Explorer:所有版本
  Navigator:所有版本
  以象素pixel为单位定义窗口文档显示区域的高度,最小数值是100。如果仅仅定义高度,Internet Explorer使用给定的高度和默认的宽度。对于Navigator,如果不同时指定width或者innerWidth,那么就将忽略这个属性。
  window.open("height.html", "_blank", "height=200,width=300");

hotkeys
  Internet Explorer:不支持
  Navigator:版本 4+
  如果没有定义(或者为0),那么就屏蔽了没有菜单条的新窗口的大部分热键。但是安全以及退出热键仍然保留。
  window.open("hotkeys.html", "_blank", "hotkeys=0,menubar=0");

innerHeight
  Internet Explorer:不支持
  Navigator:版本 4+
  以象素pixel为单位定义窗口文档显示区域的高度,最小数值是100。在Navigator版本4中,这个特征替换height,为得是保持向后兼容。对于Navigator,如果不同时指定width或者innerWidth,那么就将忽略这个属性。
  window.open("innerheight.html", "_blank", "innerHeight=200,innerWidth=300");

innerWidth
  Internet Explorer:不支持
  Navigator:版本 4+
  以象素pixel为单位定义窗口文档显示区域的宽度,最小数值是100。在Navigator版本4中,这个特征替换width,为得是保持向后兼容。对于Navigator,如果不同时指定height或者innerHeight,那么就将忽略这个属性。
  window.open("innerwidth.html", "_blank", "innerHeight=200,innerWidth=300");
left
  Internet Explorer:版本 4+
  Navigator:不支持
  以象素为单位定义窗口的X左标。
  window.open("left.html", "_blank", "left=20");
location
  Internet Explorer:所有版本
  Navigator:所有版本
  定义是否显示浏览器中供地址URL输入的文本域。
  window.open("location.html", "_blank", "location");

menubar
  Internet Explorer:所有版本
  Navigator:所有版本
  定义是否显示菜单条(菜单条位于窗口顶部,包括“文件”和“编辑”等)。
  window.open("menubar.html", "_blank", "menubar");
outerHeight
  Internet Explorer:不支持
  Navigator:版本 4+
  以象素为单位定义窗口(它的外部边界)的总高度,最小数值比100多一些,因为窗口内容区域的高度必须至少是100。如果没有同时定义outerWidth,Navigator将忽视这个特征。
  window.open("outerheight.html", "_blank", "outerHeight=200,outerWidth=300");
outerWidth
  Internet Explorer:不支持
  Navigator:版本 4+
  以象素为单位定义窗口(它的外部边界)的总宽度,最小数值比100多一些,因为窗口内容区域的宽度必须至少是100。如果没有同时定义outerHeight,Navigator将忽视这个特征。
  window.open("outerwidth.html", "_blank", "outerHeight=200,outerWidth=300");
resizable
  Internet Explorer:所有版本
  Navigator:所有版本
  定义是否窗口可以通过它的边界进行大小缩放控制。依赖于平台不同,用户也许还有其他改变窗口大小的方法。
  window.open("resizable.html", "_blank", "resizable");
screenX
  Internet Explorer:不支持
  Navigator:版本 4+
  以象素为单位定义窗口的X坐标。
  window.open("screenx.html", "_blank", "screenX=20");
screenY
  Internet Explorer:不支持
  Navigator:版本 4+
  以象素为单位定义窗口的Y坐标。
  window.open("screeny.html", "_blank", "screenY=20");
scrollbars
  Internet Explorer:所有版本
  Navigator:所有版本
  定义是否激活水平和垂直滚动条。
  window.open("scrollbars.html", "_blank", "scrollbars");

status
  Internet Explorer:所有版本
  Navigator:所有版本
  定义是否在窗口的下部添加状态栏。
  window.open("status.html", "_blank", "status");

titlebar
  Internet Explorer:Version 5+
  Navigator:版本 4+
  定义是否显示窗口的标题栏。在Internet Explorer中,除非调用者是一个HTML应用程序或者一个可信任的对话框,那么这个特征是被屏蔽的。
  window.open("titlebar.html", "_blank", "titlebar=0");

toolbar
  Internet Explorer:所有版本
  Navigator:所有版本
  定义是否显示浏览器的工具栏(位于窗口的上部,包括“后退”和“向前”)。
  window.open("toolbar.html", "_blank", "toolbar");

top
  Internet Explorer:版本 4+
  Navigator:不支持
  以象素为单位定义窗口的纵坐标。
  window.open("top.html", "_blank", "top=20");

width
  Internet Explorer:所有版本
  Navigator:所有版本
  以象素pixel为单位定义窗口文档显示区域的宽度,最小数值是100。如果仅仅定义宽度,Internet Explorer使用给定的宽度和默认的高度。对于Navigator,如果不同时指定height或者innerHeight,那么就将忽略这个属性。
  window.open("width.html", "_blank", "height=200,width=300");

z-lock
  Internet Explorer:不支持
  Navigator:版本 4+
  定义窗口激活时不在堆栈中浮起,就是说,新窗口当被激活时并不能位于其他窗口之上。
  window.open("zlock.html", "_blank", "z-lock");
分享到:
评论

相关推荐

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    Window.Open详解

    ### Window.open() 方法详解 #### 一、方法简介 `window.open()` 是一个在Web开发中经常被用来创建新浏览器窗口或标签页的方法。此方法是 `window` 对象的一个属性,通过调用该方法可以指定打开的新窗口的URL、...

    JavaScript中Window.open参数

    ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码 在Web开发中,`window.open` 方法是非常实用的一个功能,它可以用来创建一个新的浏览器窗口或标签页,并加载指定的URL。最简单的使用方式如下...

    window.open.txt

    `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或标签页中打开一个新的文档。此方法通常被用作弹出窗口或新标签页的功能实现基础。其基本语法为: ```javascript window.open(URL, ...

    window.open参数详解

    ### window.open 参数详解 在JavaScript中,`window.open()` 方法被广泛用于打开新的浏览器窗口或标签页。这对于创建弹出窗口、预览链接等场景非常有用。本文将详细介绍 `window.open()` 的各个参数及其用法。 ###...

    window.open参数详解.txt

    在Web开发中,`window.open()`是一个非常实用的JavaScript函数,用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口,还可以控制新窗口的属性,如大小、位置以及是否显示工具栏、菜单栏等。...

    js中window.open打开一个新的页面.docx

    window.open() 函数在 JavaScript 中的应用详解 window.open() 函数是 JavaScript 中一个非常重要的函数,用于打开一个新的浏览器窗口或标签页。在实际开发中,我们经常需要使用 window.open() 函数来打开新的页面...

    ShowModalDialog与window.open的区别

    #### 六、window.open详解 **1. 功能介绍** `window.open` 是一个标准方法,用于打开一个新的浏览器窗口。它可以是模式窗口,也可以是非模式窗口。非模式窗口意味着用户可以在新窗口打开的同时继续与原窗口交互。 ...

    用window.open,opener实现网页间通信

    `window.open` 方法可以用于打开一个新的浏览器窗口或标签页,而 `window.opener` 是指向创建当前窗口的窗口对象的一个指针。利用这两个API,我们可以实现在两个网页之间直接进行数据传递。 #### 三、前提条件 ...

    window.open的参数详细应用

    ### window.open 的参数详细应用 在网页开发过程中,`window.open` 方法被广泛应用于打开新的浏览器窗口或标签页。此方法对于实现弹出窗口、预览功能等具有重要作用。下面将详细探讨 `window.open` 方法的各项参数...

    window.open全攻略

    【Window.open()详解】 在JavaScript中,`window.open()` 是一个非常重要的方法,它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍: ### 1. 基本用法 最简单的`window.open()` 使用...

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...

    JavaScript中window.open用法实例详解

    JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API,它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

    window.open()的所有参数列表

    `window.open()` 是 JavaScript 中的一个内置函数,用于打开一个新的浏览器窗口或者标签页。这个函数具有丰富的参数,可以自定义新窗口的各种属性,如大小、位置、功能等。下面我们将详细探讨 `window.open()` 的...

    window.open参数详解附实例

    pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔) 三、windown.open示例: 代码如下:[removed]<!–window.open(‘page.html’,’newwindow’,’height=100,width=400,top=0,left=0,...

    window.open的参数说明控制谈出可以定植大小的窗口

    ### window.open方法详解 在网页开发中,`window.open` 方法是用于打开新窗口或标签页的一个非常实用的功能。此方法常被用在各种场景下,例如:弹出广告、登录框、信息提示等。 #### 方法语法 ```javascript ...

    js利用IE通过windowopen方式保存网页部分内容到本地

    1. **初始化新窗口**:首先使用`window.open`方法打开一个新窗口,并关闭其默认加载的页面,确保新窗口为空白状态。 2. **构建HTML内容**:在新窗口的`document`对象中写入HTML结构,包括`<html>`、`<head>`、`...

    js中window.open的参数及注意注意事项.docx

    ### JavaScript 中 `window.open` 方法详解 #### 一、引言 在Web开发中,`window.open` 是一个非常常用的方法,它允许我们从当前窗口打开一个新的浏览器窗口或者在一个已经存在的窗口中加载一个新的文档。然而,在...

    javascript window对象

    ### JavaScript Window 对象详解 #### 一、简介 在JavaScript中,`Window`对象是所有浏览器窗口的基础。它是全局对象,也是顶级对象。对于初学者来说,了解`Window`对象的基本概念及其方法是非常重要的,这有助于...

Global site tag (gtag.js) - Google Analytics