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

JS window.open 参数示例

    博客分类:
  • js
阅读更多

简介  

window.open(url, name, features, replace)

  Arguments - 参数 

  url

  可选字符串参数,指向要在新窗口中显示的文档的URL。如果省略该参数,或者参数为空字符串,新窗口不会显示文档。

  name

  可选字符串参数,该参数可以设置新窗口的名称。

  相同name的窗口只能创建一个,要想创建多个窗口则name不能相同。

  features

  可选字符串参数,该参数用于设定新窗口的功能。因为该参数是可选的,如果没有指定该参数,新窗口有所有的标准功能。

  replace

  可选布尔参数,设置新窗口中的操作历史的保存方式。

  true - 创建新历史记录

  false - 替换旧的历史记录

 


返回值

  一个根据name参数对新创建的或已存在的窗口对象的引用。


描述

  open()方法可以查找一个已经存在的或者新建的浏览器窗口。如果name参数指定了一个已经存在的浏览器窗口,则返回对该窗口的引用。 返回的窗口中将显示URL中指定的文档,但是features参数会被忽略。open()方法是JavaScript中唯一通过名称获得浏览器窗口引用的途径。

  如果没有指定name参数,或者不存在name参数指定的名称的窗口,open()方法将创建一个新的浏览器窗口。

  name参数用于指定新窗口的名称, 该名称必须由字母、数字和下划线字符组成。它可以被HTML文档中的<a>标记或<form>标记指向。

  当你使用window.open()方法加载一个新的文档到一个已经存在了命名的窗口中时,你可以通过replace参数设置历史记录的保存方式.。如果该参数是true, 新文档的历史记录将取代旧文档的历史记录。 如果该参数为false或这没有指定该参数, 新的文件在窗口的浏览历史记录中将建立自己的条目。 该参数提供了location.replace()相同功能的方式。

  不要把"Window.open( ) "和"Document.open( )"混淆;这是两个完全不一样的方法。为了让代码更明晰, 你可以用"Window.open( )"代替 "open( )"。 作为HTML属性定义事件处理程序时, "open( )" 一般被解释为"Document.open( )",所以在这种情况下, 你必须使用"Window.open( )"。


 
窗口特性

  feature参数是一个用逗号分隔的功能列表。如果该参数为空或者没有指定该参数,新的窗口将拥有所有的功能。另一方面, 如果feature参数只指定了某一项或某几项功能,那么其他没有被指定的功能将不会出现在新的窗口中。该字符串不能包含任何空格或其它空字符串。

  列表中的每个元素的格式:功能[=值]

  对于绝大多数的功能来说,它们的值一般都是yes或no。对这些功能,等号和值都可以省略不写。 对于 width和height特性, 必须给它们指定一个以像素为单位的值。

  一下是一些普遍支持的功能和它们的含义:

  height

  设定窗口显示区域的像素高度

  left

  浏览器窗口距离屏幕左边的距离

  location

  指明地址栏在新窗口中是否可见

  menubar

  指明菜单栏在新窗口中是否可见

  resizable

  指明新窗口是否可以调整大小

  scrollbars

  指明滚动栏在新窗口中是否可见

  status

  指明状态栏在新窗口中是否可见

  toolbar

  指明工具栏在新窗口中是否可见

  top

  设定新窗口距屏幕上方的距离

  width

  设定窗口显示区域的像素宽度

  alwaysLowered

  指定窗口隐藏在所有窗口之下

  alwaysRaised

  指定窗口浮在所有窗口之上

  dependent

  指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭

  directions

  指定Navigator 2和3的目录栏是否在新窗口中可见

  hotkeys

  在没有菜单栏的新窗口设置安全退出热键

  innerHeight

  设置新窗口中文档的像素高度

  innerWidth

  设置新窗口中文档的像素宽度

  outerHeight

  设定窗口(包括装饰边框)的像素高度

  outerWidth

  设定窗口(包括装饰边框)的像素宽度

  screenX

  设定新窗口离屏幕边界的像素长度

  screenY

  设定新窗口离屏幕上边界的像素长度

  titlebar

  指明菜单题目栏在新窗口是否可见

  z-look

  在文档中包含各个 <pplet>标签的数组

  fullscreen

  打开的窗体是否进行全屏显示


 
示例

  <html>

  <head>

  <title>window.open函数 </title>

  </head>

  <body>

  <script language="javascript">
  window.open("","name1","width=100,height=200,toolbar=no,
          scrollbars=no,menubar=no,screenX=100,screenY=100");

  </script>

  </body>

  </html>

分享到:
评论

相关推荐

    字符串 window.open() window.opener window.name window对象等的总结

    本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念,同时通过两个带有注释的页面示例(001.html和main.html)帮助理解这些知识点。 ### `window.open()` `window...

    window.open()参数

    在本文中,我们将详细介绍 window.open() 函数的参数大全,并提供一些实用的代码示例。 基本语法 window.open() 函数的基本语法如下所示: `window.open(url, name, features)` 其中,url 是要打开的网页的 URL...

    window.showModalDialog以及window.open用法简介

    Window.showModalDialog 和 Window.open 都是 JavaScript 中的方法,用于创建新窗口或对话框,下面分别介绍它们的用法和参数。 一、Window.open() 方法 Window.open() 方法用于打开一个新的浏览器窗口,可以指定新...

    window.open最大化操作

    window.open方法可以打开一个新的浏览器窗口,该方法接受三个参数:URL、窗口名称和窗口特性。其中,窗口特性可以指定窗口的各种属性,如宽度、高度、工具栏、菜单栏、滚动条等。 现在,让我们来看一下如何使用...

    用window.open打开新窗口后在父窗口中调用新窗口中的代码

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在你窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    js中window.open()的所有参数详细解析.docx

    JS 中 window.open() 的所有参数详细解析 window.open() 是 JavaScript 中的一个函数,用于打开新的浏览器窗口或标签页。在实际开发中,我们经常需要对新打开的窗口进行自定义设置,如设置窗口的尺寸、位置、工具栏...

    window.open参数详解附实例

    一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav...三、windown.open示例: 代码如下:[removed]&lt;!–window.open(‘page.html’,’newwindow’,’height=100,width=400,top=0,left=0,toolbar=no,menuba

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

    在提供的代码示例中,我们有两个函数 `open1` 和 `open2`,它们都使用 `window.open` 来打开不同的页面,但都指定了相同的窗口名称 `"aaa"`: ```javascript function open1() { window.open("html01.html", "aaa...

    js的window.showModalDialog及window.open用法实例分析

    本文实例讲述了js的window.showModalDialog及window.open用法。分享给大家供大家参考。具体分析如下: 一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open...

    window.open()详解及浏览器兼容性问题示例探讨

    `window.open()`是JavaScript中的一个内置函数,用于在新的浏览器窗口、标签页或者替换当前窗口加载指定的URL。本文将详细解析`window.open()`的使用方法,并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `...

    JS控制弹出页面窗口控件(openWin)

    window.open()和window.showModalDialog(),并解决了showModalDialog()弹出窗口中列表分页的问题。 提供了三个JS方法: (1)showWindow(sURL, width, height); (2)showWindowInPage(pageUrl, params, title, ...

    JS中window.open全屏命令解析及使用示例

    一、代码示例 代码如下: window.open(url,’新窗口’,’width=’+(window.screen.availWidth-10)+’,height=’+(window.screen.availHeight-30)+’,top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=...

    window.open 以post方式传递参数示例代码

    在Web开发中,有时我们需要在不同的页面之间传递参数,`window.open`是JavaScript中用于打开新窗口的一个方法。通常,`window.open`配合GET方式传递参数,但也可以通过POST方式来实现更安全、更复杂的参数传递。本文...

    解析window.open的使用方法总结

    `window.open`是JavaScript中的一个内置函数,用于打开新的浏览器窗口或者在已存在的窗口中加载新的内容。这个函数在网页开发中非常常见,特别是在需要创建新窗口或者弹出对话框的场景中。下面将对`window.open`的...

    解决js中window.open弹出的是上次的缓存页面问题

    本文为大家介绍下如何解决js中window.open弹出的是上次的缓存页面的问题,下面有个不错的示例,感兴趣的额朋友可以参考下

    window.open打开页面居中显示的示例代码

    在网页开发中,有时我们需要创建一个新的浏览器窗口来展示特定的内容,`window.open` 是JavaScript中的一个函数,用于打开一个新的浏览器窗口或标签。本篇将详细解释如何使用`window.open`来实现新窗口的居中显示。 ...

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

    主要介绍了详解js location.href和window.open的几种用法和区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    Window.ShowModalDialog使用手册

    开发者更倾向于使用`window.open()`配合`display: none`的CSS和JavaScript来模拟模态对话框,或者使用Bootstrap、jQuery UI等库提供的模态插件。 总的来说,虽然`Window.showModalDialog()`在某些场景下仍可能有其...

    Javascript中封装window.open解决不兼容问题

    在JavaScript中,`window.open` 是一个非常常用的函数,它用于在新的浏览器窗口中打开一个指定的URL。然而,这个函数在不同的浏览器和安全环境中可能会出现兼容性问题,特别是当它在非用户交互的情况下(例如页面...

Global site tag (gtag.js) - Google Analytics