`
menjoy
  • 浏览: 422928 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

JavaScript窗口之定制新窗口参数

阅读更多

  window.open()方法的基本语法结构是:  

  window.open(sURL, sName);

  然而,你可以通过使用2个附加的参数定制新窗口:

  window.open(sURL, sName[, sFeatures][, bReplace]);

  通过省略这些参数,你可以使用默认特征。让我们先看看bReplace参数,它仅仅被Internet Explorer:4和以后版本所支持。只有当第2个参数命名一个已经存在的窗口时,这个参数才有用。它是一个Boolean型数值,如果为true,就表示第一个参数指定的URL替换当前窗口浏览位置在历史中保存的地址,如果为false,就表示在窗口的浏览历史记录中创建一个新项目(这是默认情况)。由于这个参数只被微软的浏览器所支持,所以显得不很有用。下面让我们看看广为人知的JavaScript窗口设置性质。

  open()方法的第3个参数是一个字符串,包含一个以逗号分隔的选项列表(不要包含任何空格)。在驶入可用功能的海洋前,先让我们看看它们的含义所在。这里有一个例子:

  win = window.open("http://www.docjs.com/", "docjs", "location=1,menubar=1,resizable=1");

  这个语句打开一个可变尺寸的窗口,它带有一个地址栏和一个菜单条,而其他的特征都被关闭。比如,没有指定status特征,新窗口就没有了状态栏。注意,还有几个其他的方法来定义窗口特征。下面是几个和前面语句功能等价的命令:

  win = window.open("http://www.docjs.com/", "docjs", "location,menubar,resizable");

  win = window.open("http://www.docjs.com/", "docjs", "location=yes,menubar=yes,resizable=yes");

  win = window.open("http://www.docjs.com/", "docjs", "location,menubar=1,resizable=yes");

  许多特征可以是yes,或者是no。对于这些特征,你也可以使用1代替yes,0代替no。如果你想激活一个特征,同样可以简单地在sFeatures字符串中列出特征的名字。如果没有列出,就表示屏蔽该功能(titlebar和hotkeys除外)。sFeatures参数是一个以逗号分隔的功能列表,其中不应该包含任何空格或者空白字符。列表中的每一个元素应该包含下面的格式:

  feature[=value]

  分配sFeatures参数一个空字符串与全部省略这个参数之间有一个很大的区别。如果调用open()没有任何参数,那么所有的特征都被设置为默认值。换言之,浏览器将创建一个窗口,它有默认得宽度和高度、标准的菜单、工具栏,以及其他浏览器具备的特征。如果你使用空字符串做为需要功能的列表,浏览器将打开一个窗口,它的所有特征都是被屏蔽的(titlebar和hotkeys除外)。

  window.open()方法的第2个参数sName指定了窗口的名字。如果是一个已经存在窗口的名字,浏览器就在那个窗口中装载指定的URL(sURL)。所以,如果sName指定了存在的窗口,浏览器就将忽视定义的特征列表。

  不是所有的窗口特征都能被所有的浏览器所支持。如果浏览器不能识别指定的特征,它就简单地忽视掉。下面来看看JavaScript中各种窗口特征的定义:

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");
 

 

分享到:
评论

相关推荐

    javascript经典特效---用参数打开新窗口.rar

    这个方法允许我们创建一个新的浏览器窗口,并可以设置一系列参数来定制新窗口的属性。 `window.open()`方法的基本语法如下: ```javascript window.open(url, name, features); ``` 1. `url`:这是新窗口加载的...

    javascript经典特效---窗口定制打开.rar

    总的来说,“javascript经典特效---窗口定制打开.rar”这个主题涉及到JavaScript中如何利用`window.open()`函数来创建具有特定设置的新窗口,以达到优化网页交互和提升用户体验的目的。通过深入理解并熟练运用这些...

    javascript 实现弹出小窗口

    - **核心概念**:本篇文章主要介绍了如何利用 JavaScript 的 `window.open()` 方法来实现弹出新窗口的功能。 #### 描述:JavaScript 实现弹出小窗口 - **重复强调**:在描述中重复了“JavaScript 实现弹出小窗口”...

    玩透javascript弹出窗口

    这里,`'newwindow'`是新窗口的名称,可选。其他参数如`height`、`width`分别设置窗口的高度和宽度,`top`和`left`设置窗口相对于屏幕的位置,`toolbar=no`等设置表示是否显示相应元素。 为了更灵活地控制弹出窗口...

    javascript经典特效---打开定制大小窗口.rar

    var newWindow = window.open("", "新窗口", "width=800, height=600"); ``` 在这个例子中,`newWindow`是一个新的浏览器窗口,它的宽度设为800像素,高度为600像素。"新窗口"是窗口的名称,用于识别多个打开的窗口...

    JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf

    如果你想定制新窗口的外观和大小,可以在`features`参数中指定。比如: ```javascript window.open('page.html', 'newwindow', 'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=...

    关于JavaScript弹出窗口详解

    该函数接受三个参数:要打开的页面URL、新窗口的名称以及一个包含窗口特征的字符串。例如: ```javascript window.open('page.html'); ``` 如果希望定制弹出窗口的外观和行为,可以使用更复杂的`window.open()`...

    javascript调用的模态窗口

    - `startNode`: 可选,表示与新窗口交互的初始范围。这通常是当前文档的一个元素引用。 - `features`: 可选,包含窗口的各种特性,如宽度、高度、位置等,也可以设置是否允许滚动条等。 模态窗口可以通过传递参数和...

    discuz论坛插件DZ插件 文章内容链接新窗口

    的模板文件或使用 hook(钩子)机制,在论坛的文章内容中添加JavaScript代码,当检测到链接被点击时,触发新窗口的打开。 2. **配置选项**:安装插件后,管理员通常可以在后台设置是否启用此功能,以及新窗口的...

    GridView弹出新页面弹出制定大小位置新窗口

    函数的参数`'width=300,height=200'`指定了新窗口的宽度和高度,分别为300像素和200像素。这样,无论在哪一行点击,都将弹出一个固定大小的新窗口,展示“detail.aspx”页面的内容。 ### 四、总结 通过上述两种...

    select跳转菜单新窗口.rar

    这个方法接受两个参数:第一个是目标URL,第二个是新窗口的名称或特性(如宽度、高度等)。在这里,我们将`selectedValue`作为URL传入: ```javascript var newWindow = window.open(selectedValue); ``` 这样,...

    domino xpages 打开新窗口显示连接

    请注意,新窗口的特性(如大小、位置等)可以通过`window.open()`函数的额外参数进行定制。 在实际应用中,你可能还需要考虑浏览器的同源策略和用户设置,例如禁用新窗口打开的情况。同时,对于无障碍性...

    打开新窗口,并且无提示关闭老窗口

    标题中的“打开新窗口,并且无提示关闭老窗口”是一个JavaScript编程任务,主要涉及Web开发中的浏览器窗口操作。描述进一步明确了需求,即在用户点击页面链接时,打开一个新的定制窗口,同时无提示地关闭当前(母)...

    基于JavaScript实现的lhgdialog DIV弹出窗口框架

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态效果。在网页设计中,弹出窗口是一个常见的...同时,不断实践和探索新的JavaScript库和框架,也是提升自身技能的重要途径。

    网页设计弹出窗口大全(js)

    - `mode`: 表示打开新窗口时所需的模式或参数。 ##### 实现代码 ```csharp private void OpenWindow(string mode) { string script = "<script type=\"text/javascript\">"; script += "var height = (screen....

    tingle.js-简单实用的纯JavaScript模态窗口插件

    例如,你可以使用`tingle.modal()`方法创建一个新的模态窗口,`tingle.open()`和`tingle.close()`方法分别用于打开和关闭模态窗口。 4. **预定义的样式**:tingle.js内置了一些预设的样式,如警告、确认、信息等...

    Java弹出窗口代码

    在 JavaScript 中,我们可以通过设置 window.open 方法的参数来定制弹出窗口的外观、尺寸大小和弹出位置。下面是一个经过设置后的弹出窗口代码: ```javascript <SCRIPT LANGUAGE="javascript"> <!-- window.open ...

    控制新开窗口的属性(HTML经典用例)

    2. 第二个参数是新窗口的名称,这里是`'Sample'`,在多个窗口之间切换时可以使用这个名称引用这个窗口。 3. 第三个参数是一个字符串,包含了一系列的窗口特征,用逗号分隔。这些特征包括: - `toolbar=yes`:表示...

    jquery jmpopups 弹出新窗口,可以弹多个

    《jQuery jmpopups插件:实现弹出新窗口与多窗口管理》 在网页开发中,弹出新窗口的功能常用于展示详情、显示警告或提供交互体验,jQuery jmpopups是一个方便的工具,专为创建可自定义的新窗口而设计。这个插件允许...

    C#后台代码弹出页面或模式窗口.pdf

    这个方法有9个参数,其中`ParentFlag`用于决定新窗口是否为模态对话框。如果`ParentFlag`为`true`,则新窗口为模态对话框,用户必须关闭新窗口后才能继续操作父窗口。如果`ParentFlag`为`false`,则新窗口是非模态...

Global site tag (gtag.js) - Google Analytics